Coder Social home page Coder Social logo

jordanassayah / shoe-order Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 8.54 MB

A website to customize your shoes

License: MIT License

JavaScript 62.52% HTML 2.37% Vue 34.59% CSS 0.51%
shoes customizable website vuejs2 vuex vue-router swagger swagger-ui bulma expressjs

shoe-order's People

Contributors

jordanassayah avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

shoe-order's Issues

Add admin shoes manager

As an admin
I want to have the a page with a simple interface where I can configure new shoes models
So that I can add models to my website

Done if

  • There is a block where I can add colors
  • There is a block where I can add sizes
  • There is a block where I can add parts to customize
  • There is an input where I can name my model
  • There is an input where I can change the price of the model
  • There is an input where I can change the description of the model

Add vuex with store in the project

As a developer
I want to have vuex configured in the project
So that I can use it to alter statement of my App correctly

Done if

  • Vuex is installed in the packages
  • Vuex is implemented in the project
  • There is a base code for state changes

Add the page to add, modify and delete personal informations

As a customer
I want to have a page where I can add, change and delete personal informations
So that I can manage and set correctly my informations

Done if

  • A new route is created
  • There is a page to modify basic personal infos
  • There is a page to add, modify and delete adresses
  • There is a page to show and cancle orders

Login (end)

As a customer and administrator,
I want to have a quick preview of main actions that I can make on the website,
So that I can easly access to the diffrentes pages of the website

Done if

  • A new component is created
  • The actions are different if it's an admin or a customer that is logged in

Add shoes list page (admin)

As an administrator of the website,
I want to have a list of available shoes in the store,
So that I can easly manage shoes in the store

Done if

  • A new route is created
  • A new page is created
  • There is a list of shoes in the store
  • There is a button to remove models
  • There is a button to create a new model

Add 3 steps checkout

As a customer,
I want to have sperat steps to checkout my articles,
So that I can focus on entering data in inputs

Done if

  • A new route is created
  • A new page is created
  • You can simply choose your address or put one manually
  • You can choose your checkout type
  • There is a little summary at the end

Add all backend routes

As a developer
I want to have all API routes created with all methods for addresses, orders and customizations
So that I can focus on the development on the frontend part of the website

Done if

  • GET, POST, PATCH, DELETE methods are created for the API route "addresses" with the migration, model.
  • GET, POST, PATCH methods are created for the API route "orders" with the migration, model.
  • GET, POST, PATCH, DELETE methods are created for the API route "customizations" with the migration, model.

Users and administrators authentication

As a customer
I want to login with my credentials
So that I know I am logged in

Done if

  • The base login form is created
  • You can login with fake credentials
  • There is an error message if bad credentials are inserted in the form
  • You can use the credentials stored in the database

Add the page to customize shoes

As a customer,
I want to have a page where I can choose colors and parts of shoes,
So that I can customize my new pair of shoes

Done if

  • A new route is created
  • There is a new page
  • You can customize your shoes
  • There is a preview of shoes each time a color or a part is selected
  • Vuex is implemented for this page

Add a sign up / create user page

As a user or admin
I want to have an form where I can put information
So that I can create an account, admin or not

Done if

  • A new route is created
  • There is a create user form
  • If it is the admin that is creating a user, show a checkbox with the option (is_admin)
  • Redirect the user after account creation

Add Home page to the website

As a developer
I want to have the home page done
So that I can pass to the next task an begin to merge code on something that is solid

Done if

  • The header component is created
  • The footer component is created
  • The base home page is created

Add the shoes images upload

As an administrator of the website
I want to have the possibility to upload images of the shoes that I want to sell
So that customers can have a preview of there customized shoes

Done if

  • A new controller for the backend is created
  • You can select multiple images at a time
  • A folder with the model name is created
  • When deleting a model, the folder is detroyed

Add the articles interface

As a customer
I want to have a list of artciles
So that I can choose one of the list to customize

Done if

  • A new route is created to go to the shoes list page
  • Make a request to get all articles in the shop
  • Show dynamically the shoes to the user

Add basket screen

As a customer,
I want to have a page where I can see all articles that I've added for checkout,
So that I can have a simple and clear summary of my futur order

Add the user admin page

As an administrator of the website
I want to have a list of all users (customers)
So that I can manage them quickly

Done if

  • A new route is created
  • Only an admin can see those informations
  • There is a page with a table of all users
  • There is a quick button to create a new user
  • When clicking on an ID of a user, a breef summary is shown

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.