🛍️ HandMadeHub

A modern e-commerce platform for showcasing and selling handcrafted products.
Built with a clean UI, secure backend, and seamless shopping experience.

---

🚀 Tech Stack

Frontend

• React.js
• Tailwind CSS
• React Context API (Cart + Auth)

Backend

• Node.js
• Express.js
• JWT Authentication
• RESTful API Architecture

Database

• 🍃 MongoDB Atlas (Cloud Database)

---

✨ Features

• User Authentication (Signup/Login)
• Product Listings & Categories
• Cart Management (Add, Remove, Update)
• Checkout with Cash on Delivery,online payments
• Order Tracking for users
• Admin panel for product & order management
• Cloud-ready image uploads
• Fully responsive UI
• Frontend & Backend deploy-ready (Render/Vercel/Netlify)

---

📂 Folder Structure

HandMadeHub/ │── frontend/ # React App │ ├── src/ │ ├── pages/ │ ├── components/ │ ├── context/ │ └── utils/ │ │── backend/ # Express API │ ├── routes/ │ ├── models/ │ ├── controllers/ │ ├── middleware/ │ └── config/ │ │── screenshots/ # Project preview images

---

🖼️ Screenshots

🏠 Home Page

🛍️ Products Page

📝 Orders Page

🛠️ Product Management (Admin)

👨‍💼 Admin Management

🎧 Support Page

---

⚙️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/YOUR-USERNAME/HandMadeHub.git
cd HandMadeHub
🌐 Deployment
| Component | Platform                  |
| --------- | ------------------------- |
| Frontend  | Render / Netlify / Vercel |
| Backend   | Render                    |
| Database  | MongoDB Atlas             |

👨‍💻 Author

Doss Cyril
Passionate full-stack developer creating real-world modern web apps.