Giter Site home page Giter Site logo

pc_part_store's Introduction

Product Store

Project Details

Pages:

HOME page (index): Shows list of products (can visit each product from here)

  • all the products are displayed

  • the images link to the PRODUCT page

  • there should be a link to add a new product

PRODUCT page: Shows specific product and it's details

  • a link back to the HOME page

  • a link to edit the product (goes to the edit page)

  • a delete button that deletes

  • user can also search for a specific product from this page

  • Clicking buy button should lower remaining by 1

  • If the quantity of your item is zero, the show page should say 'OUT OF STOCK' instead of saying how many are remaining. (Hint: conditionals).

  • On the edit page, make sure you can set the quantity to zero if you want so that you can test if this is working.

  • The BUY button should also not be rendered if the quantity of the item is zero

EDIT page: Should allow you to edit the data of a specific product (using it’s product ID)

CREATE page - allows for creation of new products (users will include a URL for the image)

Redirects:

  1. The create route should redirect to HOME after creation

  2. The delete route should redirect to HOME after deletion

  3. The edit route will redirect to the edited product's PRODUCT page after the object is changed in your collection.

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.