-
-
Resourceareachapp where anyone can type what kind of help they can need
-
-
🏠 Inspiration Every day in Kota, people experiencing homelessness or financial hardship struggle to find basic resources — not because help doesn't exist, but because they don't know where to look. A hungry family doesn't need a 10-page government website. They need one simple answer: where can I get food right now? I built ResourceReach because I believe technology should serve the most vulnerable — not just the most privileged. As a student in Kota, I've seen firsthand how hard it can be for people in crisis to navigate complex welfare systems, especially when they don't speak English or have limited digital literacy.
💡 What it does ResourceReach is a bilingual AI-powered web app that helps people experiencing homelessness or hardship find community resources instantly — in plain, simple language. A user types (or taps) what they need: "I need food tonight and a safe place to sleep with my kids" ResourceReach responds with: •3–5 relevant resource types with clear descriptions •Practical tips for accessing each resource •Direct Google search links for Kota, Rajasthan •A highlighted helpline section (181 / 1800-180-6127) •6 real, verified walk-in locations in Kota with hours and details
Key features: •🌐 Full Hindi / English language toggle — every word switches instantly •🤖 AI that understands plain language, not just keywords •📍 Real local resources: Annapurna Rasoi, Rein Basera shelter, NMCH hospital, Sewa Bharati NGO, DLSA legal aid •📞 Always surfaces emergency helplines (181, 1800-180-6127) •💬 WhatsApp share button so helpers can instantly send it to someone in need •📱 Works on any phone browser — no app download needed
🛠️ How I built it •Frontend: Pure HTML, CSS, and JavaScript — no frameworks, keeping it lightweight and accessible on slow connections •AI: Claude API (claude-sonnet-4-6) with a carefully crafted system prompt that ensures compassionate, India-specific responses •Design: Custom UI with animations, scroll reveals, and a professional dark/teal color scheme built from scratch •Localization: A complete bilingual translation system covering every element — headings, buttons, chips, place cards, AI responses — all switching in real time
🚧 Challenges I ran into •Making the AI respond with structured JSON reliably so I could render beautiful cards — not just plain text •Building a full bilingual system that switches not just the UI, but also the AI's response language •Designing an interface that feels trustworthy and calm for users who may be in distress •Ensuring the app works on low-end Android phones with slow internet connections
🏆 Accomplishments I'm proud of •Built a fully functional, beautiful app as a beginner developer •The Hindi toggle switches every single element on the page — UI, AI responses, chips, placeholders, everything •Real, verified resources for Kota, Rajasthan — this isn't a demo, it's actually useful right now •Designed with empathy: the AI always opens with a warm, human response before listing resources
📚 What I learned •How to integrate the Claude AI API into a real web app •How to design bilingual web experiences that feel native in both languages •That good design isn't decoration — for someone in crisis, a calm and clear interface can reduce panic •How to structure AI prompts to get consistent, structured, useful output
🚀 What's next for ResourceReach •GPS-based resource detection — automatically show resources near the user's location •More cities — expand beyond Kota to all of Rajasthan, then India-wide •Offline mode — cache resources so the app works without internet •NGO partnership portal — let local organizations add and update their own listings •Voice input — for users with low literacy, speak your need instead of typing
Built With
- anthropic-api
- bilingual
- claude-ai
- css
- html
- javascript
