Skip to content

bonobos/product-catalog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Product Catalog

Setup

Clone this repo, run npm install and npm start and it should be running on http://localhost:3000/.

We are using mock responses from My JSON Server:

Task 1 - Product List Page

Populate the homepage with a list of product tiles by hitting /products endpoint. Product tiles should have name, image, and should be clickable into the product detail page.

Screen Shot 2023-02-22 at 5 49 01 PM

Task 2 - Product Detail Page

Populate individual product pages by hitting /products/[:id]. Product pages should have a gallery of images, title, price information, description, and a list of all the option type and value combinations for that product (i.e. Option Types are things like Color, Pant Waist, ), and Add to Cart button.

Screen Shot 2023-02-22 at 5 48 44 PM Screen Shot 2023-02-22 at 5 48 55 PM

Task 3 - Cart (Nice to Have)

Make the Cart "functional" by opening it when Add to Cart is clicked. Populate the cart with data from the /carts endpoint and from the /products/[:id] endpoint.

Screen Shot 2022-02-08 at 11 02 05 AM

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published