Plant Shop Cart
Plant Shop Cart is a React and Redux storefront for browsing and buying houseplants, with a product catalog and a fully interactive shopping cart.
A landing page leads into a catalog grouped by plant category. Shoppers add plants to the cart, adjust quantities, remove items, and see totals update instantly, all managed in a Redux Toolkit cart slice.
Scope & Limitations:- Frontend-only: no backend, database, or authentication- Checkout is a placeholderTech Stack:- Frontend: React 18, Redux Toolkit, React Redux- Build: Vite- Deployment: GitHub PagesNotes:- Built on an IBM Developer Skills Network course starter repository. - Source code: https://github.com/Felipeact/plant-shop-cart
Purpose
- Practice global state management with Redux Toolkit
- Build a complete shopping-cart flow in React
- Ship a static site to GitHub Pages
Features
- Landing page with an About Us section
- Catalog grouped into five plant categories
- Add-to-cart from each product card
- Cart with quantity controls, item removal, and totals
- Continue-shopping flow back to the catalog
- Responsive single-page layout