-
Instantly create a personalized and eco-friendly intinerary with custom locations!
-
Compete to become the greenest on the globe by collecting carbon credits through eco-friendly activities!
-
Custom profiles with history of recent green activities that they had participated in!
-
Secure sign in featuring google firebase to ensure safety to every member's information and carbon credits.
πΏ Eco Plan-it π
An eco-conscious travel planning app that helps you choose the most environmentally friendly routes and activities, rewarding you with carbon credits for sustainable choices.
Overview
Eco Plan-it is your go-to app for sustainable travel! π΄ββοΈπ³ We promote eco-friendly journeys by providing customized routes ranked by eco-friendliness and carbon footprint. Earn carbon credits when you choose green modes of transportation and spend credits when opting for less sustainable options like cars. Plus, discover exciting eco-friendly activities along your route, such as visiting a local flower shop or a community garden. πΈπΏ
This project was developed for the 2024 SoCal Hackathon. π
Features
- Eco-Friendly Route Planning: Generate routes optimized for the lowest carbon footprint. β»οΈ
- Carbon Credit System: Earn and spend carbon credits based on your transportation choices. π
- Activity Suggestions: Discover eco-friendly activities and stops along your journey. π€οΈ
- Interactive Map Interface: Utilize Google Maps for real-time navigation and updates. πΊοΈ
- User Authentication: Secure login and account management through Firebase. π
Tech Stack
- Frontend: React βοΈ
- Backend: Node.js, Express.js π οΈ
- Database: MongoDB π
- APIs:
- Google Maps API
- Google Places API
- Authentication: Firebase π
- Version Control: Git & GitHub π§βπ»
Usage
- Sign Up / Log In
Create an account using your email or social login options. βοΈ
- Plan Your Trip
- Enter your starting point and destination. ππ
- Select preferred modes of transportation. π²πΆββοΈ
- Earn Carbon Credits
- Choose eco-friendly transportation to earn credits. π
- Spend credits when opting for less sustainable options. π
- Explore Activities
- View suggested eco-friendly stops along your route. π³
- Add activities to your itinerary. π
- Navigate
- Use the interactive map for real-time directions and updates. π°οΈ
What We Learned
Throughout the development of Eco Plan-it, we leveled up our skills and knowledge in several key areas:
- APIs: Integrated external APIs like Google Maps and Google Places to fetch real-time data and enrich user experience. π
- Full Stack Development: Built a comprehensive application covering both frontend and backend technologies, ensuring seamless interaction between the client and server. π₯οΈπ
- Database CRUD Operations: Implemented Create, Read, Update, and Delete operations in MongoDB to manage user data and application state effectively. π
- Version Control and Merge Conflicts: Mastered Git and GitHub for collaborative development, learning to resolve merge conflicts and maintain code integrity. π€
- Designing Features and UI/UX: Focused on user-centered design principles to create an intuitive interface and engaging user experience. π¨
Contributors
- Kai Navratil β¨
- Xinyang Xu π
- Minyu Huang π
- Weichie Chen π―

Log in or sign up for Devpost to join the conversation.