AquaSmart

• 

  Home page

• 

  Map

• 

  Aqua-G AI

• 

  Profile

• 

  Wallet

Inspiration

Water supply in Bhopal is unpredictable. People don't know when it's coming, where to get it, or if it's safe. There's no single place to check. So I built one.

What it does

How is real-time water availability in your area Maps nearby water sources with pricing and status AI chatbot answers water quality questions Scan test strips for instant safety results Pay municipal bills and book tankers in one place Earn points for reporting leaks and saving water

How we built it

HTML, CSS, JavaScript. Leaflet for maps. Chart.js for analytics. QR code generation for payments. Fully responsive PWA that works on any phone.

Challenges we ran into

Making the map work smoothly Simulating AI responses without a backend Designing for all screen sizes without breaking Keeping the app functional offline

Accomplishments that we're proud of

Full working prototype in under a week Clean UI that actually looks like a real website. Integrated SDG 6 alignment throughout Everything in one file. No dependencies. Just works.

What we learned

Users want speed over features Real-time data simulation is tricky but doable UN SDG alignment matters to judges

What's next for AquaSmart

Connect to real Bhopal Municipal Corporation data Add actual AI using Open AI or Gemini API Launch pilot with 100 users in MP Nagar Add Hindi and regional language support Partner with local water tanker associations

Built With

• charts
• css
• html
• javascript
• leaflets
• qr