Sun Nov 10 2024
EcoEarth - Community Cleanup with Web3 Authentication
Web3
Environment
AI
Community Cleanup
Tailwind CSS
Google Maps API
EcoEarth leverages Web3 technology, AI, and community engagement to tackle societal and environmental issues through a collaborative reporting and reward system.
EcoEarth was designed to inspire and reward community-driven efforts to clean and maintain our environment. By integrating AI analysis, Web3 authentication, and real-time rewards, we aim to foster a collaborative solution to societal challenges.
Backstory
The idea for EcoEarth originated from the desire to address pressing environmental concerns through technology and community action. With features like Web3 authentication, real-time AI analysis, and a reward system, the platform incentivizes reporting and resolving issues like waste management. Despite tight deadlines, we overcame technical challenges to deliver a practical and impactful solution.
Features
- Web3 Authentication: Secure login and user validation using decentralized authentication methods.
- Issue Reporting: Users can report issues by uploading images, specifying locations using the Google JavaScript Maps API, and earning small rewards.
- Issue Resolution: Other users can resolve reported issues by cleaning or fixing them, uploading a follow-up image for AI verification.
- AI Image Analysis: Gemini AI compares initial and follow-up images to validate successful resolutions and allocate rewards.
- Reward System: Users can redeem their rewards or accumulate them for future use.
- Chatbot Assistant: Built with the Gemini API, the chatbot provides instant assistance and guidance on using the platform.
- Leaderboard: Displays the top contributors based on resolved issues and engagement.
- Profile Settings: Users can edit their profiles and manage their data seamlessly.
Tech Stack
- Frontend: React, Tailwind CSS
- Backend: Express.js
- AI Integration: Gemini AI API for image comparison and chatbot functionality
- Authentication: Web3-based decentralized authentication
- Location Services: Google JavaScript Maps API
- Database: Drizzle ORM with Neon
The project is structured to ensure smooth interactions between the frontend, backend, and external APIs, providing users with a cohesive experience.
Frontend
The frontend, developed with React and Tailwind CSS, emphasizes accessibility and ease of use, enabling users to report and resolve issues effortlessly.
Backend
The backend, powered by Express.js, handles image analysis requests, Web3 authentication, reward allocation, and leaderboard data management.
Development Progress
Commits
Nov 19, 2024
- Leaderboard and Reward Redemption: Completed leaderboard functionality and integrated the reward redemption system.
- AI Image Analysis Finalized: Optimized Gemini AI integration for image validation.
Nov 17, 2024
- Issue Reporting and Resolution Workflow: Finalized the workflow for uploading images and validating resolutions using AI.
- Google Maps API Integration: Successfully added geolocation and mapping for issue reporting.
Nov 15, 2024
- Web3 Authentication: Implemented decentralized login and profile management.
- Chatbot Development: Integrated the Gemini API to create a functional and responsive chatbot.
Future Enhancements
- Enhanced Reward System: Introduce additional reward tiers and integration with cryptocurrency wallets.
- Advanced AI Feedback: Further improve AI accuracy in image validation and issue classification.
- Mobile App Version: Develop a mobile-friendly version of the platform for broader accessibility.
Conclusion
EcoEarth exemplifies the power of technology and community in solving real-world problems. By combining AI, Web3 authentication, and user engagement, we’ve created a platform that not only incentivizes positive action but also fosters collaboration. Feedback is welcome on X (formerly Twitter).