🌿 Paradise Nursery – React E-commerce Sample App

Created with ❤️ by Fabricio Braga
Repository: https://github.com/hackthegap/react-final-project.git

---

📦 Project Overview

Paradise Nursery is a sample e-commerce web application built with Vite, React, Redux Toolkit, and React Router.
It simulates a nursery shop experience with product listing, shopping cart, and a beautiful landing page.

---

🚀 Technologies & Tools

Tool	Version
Node.js	20.x
Vite	^6.2.0
React	^19.0.0
React DOM	^19.0.0
React Router DOM	^6.23.0
Redux Toolkit	^2.6.1
React Redux	^9.2.0
Lucide React Icons	^0.484.0

---

⚙️ Getting Started

1. Clone the repository

git clone https://github.com/hackthegap/react-final-project.git
cd react-final-project

2. Install dependencies

npm install

3. Run the development server

npm run dev

Then open your browser at:
👉 http://localhost:5173

---

📁 Project Structure

src/
├── app/                 # Redux store config
├── components/          # Reusable components (Navbar, ProductCard)
├── data/                # Static product list
├── features/            # Redux slices (cart)
├── pages/               # Landing, Products and Cart pages
├── images/              # Plant images
├── styles.css           # Global custom styles
├── App.jsx              # Routing setup
└── main.jsx             # Entry point

---

📸 Features

• Beautiful landing page with branding and welcome text
• Product listing with images, descriptions, and prices
• Add to Cart functionality with cart count in the navbar
• Cart page with quantity control, delete, and total price
• Responsive layout with custom CSS

---

🧪 Optional ideas for improvement

• Checkout form
• Login / Auth flow
• Admin panel to manage products
• Filtering by plant type
• Persist cart using localStorage

---

Made with 💚 by Fabricio Braga