Skip to content

Instantly share code, notes, and snippets.

@Ammar-64
Last active October 13, 2020 15:59
Show Gist options
  • Save Ammar-64/2e39a615de248ae131cd8342f6c5ea16 to your computer and use it in GitHub Desktop.
Save Ammar-64/2e39a615de248ae131cd8342f6c5ea16 to your computer and use it in GitHub Desktop.
e-commerce project (istanbul bootcamp 3)

e-commerce project

During the course of the coming weeks, we'll be building the new better Amazon, it’s better because you’ll build it

Requirement:

  • Products page that displays a list/grid of products
  • Single product page that displays the details of a single product
  • Cart component wherre the user can add items in order to check them out later (using context API to move the state of the items to the cart)
  • Implementation of react-router to navigate between pages
  • Authentication where a specific user can sign in/up and see his products in the cart
  • The data should be coming from firebase and changes there when an item has been checked out.
  • Filter functionality where the user can filter the products according to the categories, e.x: if it's a book store they can filter according to history, sci-fi, thriller ...etc
  • Style it the way you like

Build a product component that contains:

  • img of the product
  • Name of the product
  • Description of the product
  • A state that indicates the amount of this item in stock
  • A state that indicates the number of likes the product's got
  • A button to like the product with an event listener to change the state of the products (liked or not)
  • A button to add the product to cart with an event listener to change the state of the products in stock according to how many items the user ordered

Render the product component on the products page:

  • Passing the props to the components from an array of objects where each object represent a product
@louisrli
Copy link

Presentation Requirements

  • Show your site (1-2 min)
  • Show your database structure (1-2 min)
  • If you could redo something about the structure, what would you redo? (2 min)
  • What did you learn about the programming process (each person), e.g., to use more examples, to plan more ahead, etc? (2 min)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment