Ewaste-x

EWastex is a platform designed to promote responsible e-waste disposal by allowing users to sell donate or recycle electronic waste efficiently. It also tracks environmental impact and encourages participation through a leaderboard system.

🚀 Demo

https://e-wastex.netlify.app/

🧐 Features

Here're some of the project's best features:

• 🔐 User Authentication Secure Login & Register functionality. Private dashboard access after login.
• 📸 Product Scanning & Details Entry Scan or manually enter e-waste product details. Choose between Sell or Donate.
• 🔄 E-Waste Listing Sell: Users can list items for bidding where bids must be higher than the previous one. Donate: Users can send a donation request with a message.
• 📊 Impact Dashboard Tracks user contributions with key statistics: E-Waste Recycled: Total weight of properly recycled e-waste. CO₂ Reduction: Displays prevented carbon dioxide emissions. Tree Equivalent: Calculates the equivalent trees saved. Impact Score: A cumulative score based on recycling contributions.
• 🏆 Leaderboard Ranks users based on total recycled e-waste (kg).
• 👤 Profile Section All Recycled Items Accepted Bids & Donations My Bids & Donation Requests Your E-Waste Posts (Manage bids and donation requests)

🛠️ Installation Steps:

1. Prerequisites Make sure you have the following installed on your system: Node.js (Latest LTS version recommended) npm or yarn (Package Manager) Git (For cloning the repository)

2. Clone the Repository bash Copy Edit

git clone https://github.com/darshangodase/knowcode_hack.git

3. move to directory

cd knowcode_hack

4. Install Dependencies Using npm:

npm install

5. 1️⃣ Navigate to the Frontend Directory bash Copy Edit

cd frontend

6. Create a .env File Inside the frontend directory create a file named .env and add the following:

VITE_API_BASE_URL=http://localhost:5000  # Replace with your backend URL when deployed

7. Start the Development Server bash Copy Edit

npm start

🍰 Contribution Guidelines:

💻 Built with

Technologies used in the project:

• MERN Stack (MongoDB Express.js React.js Node.js) – Full-stack development
• Tailwind CSS – Styling and responsive design
• Privy – Web3 login & registration integration