"EchoEarth: The Voice of the Planet"

"EchoEarth: When the Planet Speaks, Will You Listen?"

Comment

-> ##Inspiration

In a world overwhelmed by data, environmental issues often get lost in charts and stats. We wanted to change that. EchoEarth was inspired by the idea of giving Earth a human voice — not metaphorically, but literally. What if the planet could speak to us in real time?

-> ##What it does

EchoEarth transforms live environmental data into emotionally expressive audio messages — as if Earth were speaking to humanity.

Uses real-time climate and pollution data

Synthesizes speech using emotion-based AI voice models

Displays engaging visual dashboards

Allows users to interact and respond through voice prompts

Shows community eco-scores and tracks sustainable actions

-> ##How we built it

We built EchoEarth using the following technologies:

Frontend: React + TypeScript + Tailwind CSS

Voice AI: ElevenLabs API & enhanced emotional speech synthesis

Backend: Supabase for auth and data storage

Data APIs: Open environmental/climate APIs

Deployment: GitHub + Vite build tools Special focus on clean UI, accessible interactions, and minimal latency.

-> ##Challenges we ran into

Emotionally expressive TTS: Achieving realistic, context-aware speech required tuning several parameters and layering APIs.

Real-time climate data: Standard APIs were slow or unreliable; filtering and caching were essential.

UI balance: Presenting complex data without overwhelming users was tricky.

Hackathon time limit: Building a fully interactive experience within limited time was a huge stretch.

-> ##Accomplishments that we're proud of

Made Earth feel like a character, not just a planet.

Designed a beautiful and responsive UI within 36 hours.

Achieved real-time voice feedback without noticeable lag.

Enabled user interaction via voice, making it more immersive.

-> ##What we learned

Working with real-time APIs under pressure taught us how to cache, fallback, and validate fast.

Emotion in voice synthesis is incredibly powerful and underutilized.

Combining environmental tech with storytelling unlocks massive engagement potential.

Hackathons push boundaries and bring out creative teamwork!

-> ##What's next for EchoEarth: The Voice of the Planet

Add support for multiple languages and accents

Launch a mobile-friendly version

Integrate with smart speakers for ambient feedback at home

Partner with schools and eco-NGOs to spread awareness

Expand to include personalized climate impact per user

Code block example

// Voice message synthesis const message = generateClimateMessage(data); const audioUrl = await fetchEmotionalSpeech(message); playAudio(audioUrl);

Built With

Share this project:

Updates