Project

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.

Finished
Category
Web Application
Started
Aug 2026
Language
JavaScript

Stack

  • React
  • Redux Toolkit
  • Vite
  • JavaScript
  • E-commerce
  • Shopping Cart
  • GitHub Pages

About this project

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.

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

Purpose

  • Practice global state management with Redux Toolkit
  • Build a complete shopping-cart flow in React
  • Ship a static site to GitHub Pages

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

← Back to Full-Stack City