An online shopping portal for a fictional store
Our application will power an online storefront that will allow our users to browse our product offerings by category, place items in their shopping cart, and check-out when they are ready to make their purchase
- Display a list of our product categories
- Display a listing of products for each category, when the category is selected
- From the product listings:
- Click to view a full detail page about the product
- Add the product to your shopping cart
- Shopping cart (simple version) always visible on screen
- Full shopping cart and check out screen available from main navigation
- The application will be created with the following overall architecture and methodologies
- React
- ES6 Classes
- Redux Store for Application State
- Deployed API with Mongo storage for storing categories and products
- Superagent or Axios for performing API Requests
- Material UI for layout and styling
- Test Driven Development, using Jest
- Deployment to a cloud provider (Netlify, Amplify, or GitHub Pages)
- Basic React Application
- Redux State Management
- State managed in memory
- Material UI Components & Styling
- Add items to a shopping cart
- Update quantities
- Remove items from the cart
- Show the cart in real-time on the UI
- Connect the application a live API
- Persist changes to products based on cart activity.
- Refactor the store to use the latest Redux design pattern (Redux Toolkit)
- Add a cart checkout page
- Add a product details page