ECOVision

Gamifying recycling for youth, tackles low recycling rates. Features interactive map, community-driven spots, AI bin detection, XP rewards, rankings. Goal: Make recycling fun, educate on impact.

Comment

Inspiration

Our mission is to gamify the recycling process, engage adolescents, and contribute to world sustainability goals. In practice, this means:

  • Boosting recycling rates among young people by making it fun and rewarding
  • Educating users about the impact of their efforts
  • Building a community of environmentally-conscious youth
  • Aligning with global sustainability goals, promoting responsible consumption and waste management

ECO Vision isn't just an app, it's a movement to transform how the next generation approaches recycling and environmental responsibility.

What it does

ECO Vision bridges the gap between awareness and action by gamifying the recycling process. Here's how:

  1. Interactive Map: Makes finding recycling locations easy and intuitive
  2. Community-Driven: Users can add new recycling spots anywhere in the world
  3. AI-Powered: Detects bin fullness from a photo and reports it in real-time
  4. Gamification: Users earn XP for every completed recycling task
  5. Competitive Rankings: Users compete with friends or community members

How we built it

  • React Native and Tailwind for cross-platform Android and IOS frontend
  • Supabase for database and authentication
  • Google Maps API for GMap component
  • Azure computer vision for detecting recycling bins and their fullness

Challenges we ran into

  • We weren't familiar with Azure and had trouble implementing it into react-native
  • General continuous integration with four people.
  • Learning new libraries individually.
  • Ensuring that we were building a reliable interface for both iOS and Android devices.

Accomplishments that we're proud of

We are incredibly proud of our individual achievements during this Hackathon: Nikhil: First time working with Azure Cloud. Tristan: First time using Supabase. Jason: First time using React Native. Iman: First time using React Native.

What we learned

We learned a lot about building scalable systems with Supabase in the backend and making a smooth interface for the user. This was also the first time we all used the Maps API and found it was a great time.

What's next for ECOVision

  • Better cross-user interations
  • Recycling events during Earth Week and similar events
  • Creating your own organizations(groups between friends/work)
  • Directions to the nearest recycle bin

Built With

Share this project:

Updates