QuietMap

• 

  Home

• 

  Map

I built QuietMap to solve a problem we've all felt but never quite had a solution for—finding a quiet space in a noisy world.

Whether you're working remotely, studying for an exam, or just trying to relax with a book, background noise can make or break your focus. While noise-canceling headphones help, they’re not always the answer. I thought: Why not crowdsource real-time noise data and help people find quiet places before they even step outside?

That’s where QuietMap comes in.

✨ What it does

QuietMap is a web app that allows users to:

• Search nearby locations and see real-time crowd-sourced noise levels
• Contribute their own audio snippets (anonymized, analyzed locally)
• Discover top-rated quiet cafés, libraries, and public spots
• Filter by type of place (e.g., study-friendly, outdoor, late-night quiet)
• View a map-based UI with “quiet zones” highlighted

🔧 How I built it

I used Bolt.new to rapidly prototype and launch the frontend, leveraging:

• Bolt's real-time database system for live location noise updates
• Geolocation API to pinpoint user locations
• Web audio processing to analyze and visualize ambient noise levels
• TailwindCSS via Bolt.new for clean, responsive design
• Netlify for deployment
• LiveKit + Tavus integration (optional) for adding a conversational AI guide in the next iteration

🎯 Challenges I faced

• Designing a privacy-first way to capture and analyze noise data
• Calibrating noise thresholds across different devices
• Making the UX intuitive for non-technical users
• Making the app truly useful without requiring a dense user base

🌱 What I learned

• How to build and iterate on real-world tools with no-code/low-code platforms
• The power of small UX decisions (e.g., emoji-based noise ratings)
• How to align a product idea with a real user need and a meaningful use case
• Creative uses of AI voice/video agents to make even utility apps more delightful

QuietMap is our small step toward a more peaceful public experience—and I'm just getting started.

Built With

• algorand
• mapbox
• react
• supabase
• tailwind
• typescript/javascript
• vite