MoleculeIQ - Waste Buster

Welcome to the *Mol IQ - Waste Management* project! This repository contains the source code for **Zero2Hero**, an AI-powered waste management platform designed to incentivize and streamline waste reporting and collection. Our goal is to create a community-driven approach to waste management, rewarding users for their eco-friendly actions.

🎓 What You'll Learn:

• Next.js 14 fundamentals and best practices
• Full stack development with Next.js
• Integrating AI (Google's Gemini AI) into your Next.js app
• TypeScript implementation in Next.js
• State management with React hooks
• Responsive design using Tailwind CSS
• Authentication with Web3Auth
• Database integration using Drizzle ORM
• Deployment of Next.js projects

📚 Project Highlights:

• AI-assisted waste verification
• User reward system for eco-friendly actions
• Real-time waste collection task management
• Interactive leaderboard for community engagement

👨‍💻 Step-by-Step Guide:

1. Setting up a Next.js 14 project
2. Creating a responsive layout with Tailwind CSS
3. Implementing Web3Auth authentication
4. Database design and integration with Drizzle ORM
5. AI model integration for waste verification
6. Building interactive UI components (e.g., leaderboard, reward system)
7. Deploying your Next.js application

📚 Materials/References:

• GitHub Repo (give it a star ⭐): https://github.com/mendsalbert/zero-t
• README (assets & code): https://github.com/mendsalbert/zero-t

Installation

1. Clone the repository:

   git clone https://github.com/vishomallaoli/mol-iq-waste-mgmt
   cd mol-iq-waste-mgmt
   
    2.	Install dependencies:
   

npm install

3.	Set up environment variables:

Create a .env.local file in the root of the project and add the following variables:

NEXT_PUBLIC_WEB3AUTH_CLIENT_ID=your_web3auth_client_id FIREBASE_API_KEY=your_firebase_api_key FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain FIREBASE_PROJECT_ID=your_firebase_project_id

4.	Start the development server:

npm run dev

5.	Visit http://localhost:3000 in your browser to view the app.

Deployment

To deploy the project, follow these steps:

1.	Build the project:

npm run build

2.	Deploy on Vercel:
•	If you haven’t already, sign up for Vercel and link your GitHub repository.
•	Configure environment variables on Vercel to match your .env.local.
•	Deploy your app with just one click or using the Vercel CLI:

vercel --prod

Your app should now be live at https://your-app-name.vercel.app.

Contributing

We welcome contributions! Here’s how you can help:

1.	Fork the repository.
2.	Create a feature branch (git checkout -b feature-branch).
3.	Commit your changes (git commit -m "Add a feature").
4.	Push to the branch (git push origin feature-branch).
5.	Open a pull request.

Please make sure to update tests as appropriate.

License

This project is licensed under the MIT License. See the LICENSE file for details.