• 

  The Front Page

• 

  The Reporting Form

• 

  The AI Vibe Report and Map View

Inspiration

While climate change is a critical global issue, we noticed a lack of engagement at the local level. We built JSTP to change that. Our platform transforms individual environmental reports into collective intelligence, using AI to synthesize user data into a clear, real-time snapshot of environmental health.

What it does

EcoMood is a geospatial intelligence dashboard where users anonymously pin environmental "moods" (Healthy, Polluted, Littered, etc.) onto a map. We then integrated a custom AI forecaster that analyzes these community reports to provide an "Eco-Insight"—giving users a prediction of the local environmental health.

How we built it

We used Next.js 15 for the framework and Tailwind CSS for the dark-mode aesthetic. The map is powered by Leaflet.js, and we used Supabase for our real-time database to ensure pins show up instantly for everyone. The AI insight logic was built to bridge the gap between raw data and human-readable advice.

Challenges we ran into

Our biggest hurdle was getting the Supabase Real-time listeners to play nice with the Leaflet map markers without refreshing the page. We also had a major "Git Merge" crisis in the final hour, but we communicated through it and successfully pushed our final MVP to Vercel.

Accomplishments that we're proud of

We are incredibly proud of building a fully functional, mobile-responsive, full-stack app in just one weekend. Successfully integrating AI to analyze geospatial data feels like a huge win for a project of this scale.

What we learned

We learned the power of "Atomic Commits" in Git and how to manage environment variables in a production-ready deployment. More importantly, we learned how to prioritize "Core Features" over "Nice-to-haves" when the clock is ticking. To handle the AI part of the project, we used Smart Mock AI instead of Claude because it was free. So, we learned to be flexible/resourceful to find solutions.

What's next for EcoMood

We want to integrate real-time IoT sensors (like Air Quality Index APIs) to verify user reports with hard data. We also plan to add "Community Challenges" where users can earn badges for participating in clean-up initiatives reported on the map.

Built With

• ai
• css
• github
• leaflet.js
• next.js
• react
• supabase
• tailwind-css
• vecel