Week 05 Day 4 - Store Front

[gstark]

In this assignment you will build a mock shopping website in React, with React Router.

Objectives

• Use components and props effectively in React
• Use React Router to create declarative navigation in your application

Requirements

In this assignment you will build a mock e-commerce website. Take time to think about the component structure of the page, and create reusable components.

Explorer Mode

• [x] Your store should have categories that products are placed in.
• [x] The landing page should display "featured" products.
• [x] Your store should have a listing page of all products.
• [x] Your store should have a listing page of products in specific categories (this might be the same component as the previous requirement, think about how this would work).
• [x] Your store should have a product details page, with a photo, price and other details.
• [x] Create your own JSON file with data for your products.
• [x] Create a theme and identity for your store and the products it sells, have fun with this. Take the time to make a nice looking web application for your portfolio.

Adventure Mode

• [ ] Add enough products to your store that the customer would need multiple pages to browse it all.
• [ ] Add "pagination" to your product listings.

Epic Mode

• [ ] Build a shopping cart that customers can add items to.
• [ ] Add functionality to manage the quantity of items in the shopping cart.
• [ ] Build a mock (no payment transactions) checkout workflow for the items in a customers shopping cart.

[JOLee83]

https://github.com/JOLee83/store-front https://store-front-justin.surge.sh

[gstark]

Excellent!

[gstark]

Your homework was marked: Exceeds Expectations

“That's what I'm talking abour” — via Venel