Voice of Earth: What If Nature Could Speak Back?

🌍 What I Built

Most apps tell you to “save the planet.”

I wanted to build something that makes you pause and feel it instead.

Voice of Earth is an AI-powered interactive experience where nature speaks back to you.

Users can choose elements like a river, forest, air, or mountains — and receive a deeply emotional, AI-generated response based on their location and environmental context.

Instead of dashboards and statistics, this project focuses on empathy over information — turning environmental awareness into a personal conversation.

🎥 Demo

🔗 Live App: https://voice-of-earth.vercel.app/

🔗 GitHub Repo: https://github.com/preeti-3/voice-of-earth

Try selecting an element and entering your city — then just listen.

💻 Code

The full source code is available here:

👉 https://github.com/preeti-3/voice-of-earth

⚙️ How I Built It

🧠 AI Layer (Core of the Experience)

I used Google Gemini to generate emotionally rich, context-aware responses.

Instead of simple prompts, I designed structured prompts that:

• Assign a role (e.g., “You are a river in Panipat”)


• Control tone (poetic, reflective, human-like)


• Limit output length for clarity


• Adapt based on environmental context

This ensured responses felt alive, not robotic.

🎨 Frontend Experience

Built with:

• Next.js (App Router)


• Tailwind CSS


• Framer Motion (for smooth animations)

Key UI decisions:

• Full-screen cinematic backgrounds for each nature element


• Glassmorphism panels to keep focus on the message


• Smooth transitions to create an immersive feel


• Minimal UI to let the AI voice take center stage
  

🌍 Environmental Context Layer

Instead of generic responses, I introduced contextual awareness using:

• City-based environmental data (mocked for now but structured for real APIs)

This allows responses to feel:

“local, relevant, and personal”

🎧 Voice Interaction

To deepen the experience, I added:

• Browser-based Text-to-Speech (SpeechSynthesis API)

This lets users hear nature speak, making the interaction more memorable and emotional.

🧩 Key Challenges & Decisions

1. Avoiding Generic AI Output

Early responses felt repetitive and “AI-like.”

✅ Solved by:

• Strong prompt engineering


• Clear tone constraints


• Role-based storytelling

2. Balancing Design vs Performance

I initially considered video backgrounds, but:

❌ Heavy and distracting

✅ Switched to high-quality images + subtle animations

Result:

• Smooth performance


• Cinematic feel

3. Making It Feel Like an Experience

Instead of adding more features, I focused on:

• Emotion


• Simplicity


• Flow

🏆 Prize Categories

✅ Best Use of Google Gemini

The entire experience is powered by Gemini, with carefully engineered prompts to create emotionally intelligent, context-aware responses.

💭 Final Thoughts

This project started with a simple question:

“What if nature could respond to us?”

And the answer wasn’t data.

It was emotion.

In a world full of dashboards and metrics, sometimes what we need most is a moment to listen.