♻️ CycleWealth Frontend (Prototype)

📌 Project Overview

CycleWealth is a web-based platform designed to connect scrap dealers, artisans, recycling startups, and consumers. This prototype focuses on the frontend UI built using React to demonstrate the core workflow and user interface.

---

🚀 Tech Stack

• React (Vite)
• JavaScript (JSX)
• CSS (Custom Styling)
• React Router DOM (for navigation)

---

📦 Installation & Setup

1️⃣ Create Project (if not created)

npm create vite@latest cyclewealth-frontend
cd cyclewealth-frontend

2️⃣ Install Dependencies

npm install

3️⃣ Install Required Packages

npm install react-router-dom

---

▶️ Run the Project

npm run dev

👉 Open in browser:

http://localhost:5173

---

📁 Project Structure

src/
 ├── components/
 │     Navbar.jsx
 │     Hero.jsx
 ├── pages/
 │     Home.jsx
 │     Login.jsx
 │     Signup.jsx
 │     Dashboard.jsx
 ├── App.jsx
 ├── main.jsx
 ├── App.css

---

✨ Features (Prototype)

• Home Page UI (Hero section + Navbar)
• Login Page
• Signup Page
• Basic Dashboard
• Navigation using React Router

---

⚠️ Note

• This is a frontend prototype only
• No backend/database integration yet
• Authentication is not implemented (UI only)

---

🎯 Future Enhancements

• Backend integration (Node.js / Firebase)
• User authentication
• Marketplace (Buy/Sell products)
• Scrap dealer dashboard
• Real-time data and APIs

---

👨‍💻 Contributer

Ninad Dhote

Shudhodhan Jogdand

Sairaj Desai

---

🌱 Tagline

“Close the Loop – Turn Waste into Wealth”