arpatterson31/storefront

Lab: Class 36-39

Project: Store Front

Author: Audrey Patterson

Virtual Store

• Creation of an e-Commerce storefront using React with Redux, coupled with your live API server.

Links and Resources

• Deployed Site
• Pull Request Redux to Main
• Pull Request Combined Reducers to Main
• Pull Request Thunk to Main
• Pull Request Thunk-Day2 to Main
• Pull Request rtk to Main

Phase 1 - Application Setup

• Basic React Application
• Redux State Management
• State managed in memory
• Material UI Components & Styling

Phase 2 - Shopping Cart

• Add items to a shopping cart
• Update quantities
• Remove items from the cart
• Show the cart in real-time on the UI

Phase 3 - Live Data

• Connect the application a live API
• Persist changes to products based on cart activity.

Phase 4 - Checkout & Detail Pages

• Refactor the store to use the latest Redux design pattern (Redux Toolkit)
• Add a cart checkout page
• Add a product details page

Resources

• useParams() find from ReactRouter

UML

• Lab 36 UML