Giter VIP home page Giter VIP logo

my_favourite_shoes's Introduction

README-file- template

My Favourite Shoes

Where shoe-lovers may share, discuss and talk about their favourite shoes

Info about the scope of the website

Picture of different view-port-displays

Click here to view the website

User Experience (UX)

User stories:

First time visitor goals

Exploring the site, get exited about talking to others who are interested in shoes, get inspired.

Returning visitor goals

.....

Frequent user goals

Sharing and getting followers. Perhaps promoting small shoe-brands?

Site owner goals

Get information on what shoelovers appreciate most in their shoes, and what variables should be available to choose from is the users were to design their own favourite shoes. Ultimately to create a on-demand-production, design-your-own-shoes, shoe-brand.

Design

Colour scheme:

.... Picture of colour scheme

Typography:

....

Picture of fonts samples

Imagery:

Wireframes

Features

  • Feature 1 included
  • Feature 2 included
  • Feature 3 included

Future features:

  • Possible future feature 1 not yet included
  • Possible future feature 1 not yet included

Issues overcome

Technology used

Programming languages:

  • html
  • css
  • JavaScript
  • Python+Flask
  • MongoDB

Frameworks, libraries and programs:

  • Bootstrap
  • Google Fonts
  • Font-awsome

Testing

Validation:

HTML validation CSS validation JS validation

Testing for user stories in UX-section:

Further testing:

Test on different screen sizes:

Expected: X when Y Testing: do Y Result: The site did not respond due to ..."A" or: the site acted as expected and did X Fix: Did Z to the code because of problem..."A"

Test on different browsers:

Expected: X when Y Testing: do Y Result: The site did not respond due to ..."A" or: the site acted as expected and did X Fix: Did Z to the code because of problem..."A"

Fixed bugs:

Bug 1

Picture of problem

Bug 2

Picture of problem

Unfixed bugs:

Deployment

This project was developed using Visual Studio Code, committed to git and pushed to GitHub using git-extensions in Visual Studio Code.

Steps to deploy this page to GitHub Pages from GitHub repository:

  1. Log into GitHub.

  2. Find the project "" from the list of repositories and open it.

  3. Go to the “Settings”-option.

  4. Scroll down to the section called “Pages” in the menu on the left side, and click it to open the Github-pages page.

  5. Under "Source", select the correct branch (in this case, “main”), and click on the Save-button.

  6. The page will refresh, and the message on top says: “Your site is ready to be published at: https://gurimarie.github.io/my_favourite_shoes/” Use this link to access the deployed website.

Forking the GitHub repository:

Making a local clone:

  1. Follow this link (MUST BE LINKED UP!) to the projects Github repository.
  2. Under the repository name, click the green "Code"-button, and choose "https" and click on the "Download Zip"-option.
  3. When the zip is downloaded, open the folder, and move the unzipped folder to where you wish to store it on your computer.
  4. Open your Visual Studio Code (or other programming-software), click File, Open Folder, and choose the unzipped folder you just downloaded from where you saved it to.

TEST AND FILL OUT REST!!!

Credits

Code:

Content:

Media used:

Acknowledgements:

my_favourite_shoes's People

Contributors

gurimarie avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.