The Urgent Language Bridge
An offline-capable, privacy-first Progressive Web App bridging language barriers in medical emergencies when every second counts.
Built for HackAmerica 2026
Language barriers during medical emergencies and school clinic visits cost lives, create extreme anxiety, and lead to critical misdiagnoses. Existing tools require internet access (which fails in basements or rural areas), have complex UIs, and store sensitive medical data in the cloud.
VoiceUp is a blazing-fast, offline-capable bridging system built for crisis situations. It utilizes native Web Speech APIs paired with the intelligence of Google Gemini to provide seamless bilingual communication.
By running entirely as a Progressive Web App (PWA) with edge-based local storage, VoiceUp requires zero backend servers, ensuring 100% HIPAA-compliant data privacy—your medical IDs never leave your device.
- 🌍 Real-Time Voice Translation: Instant speech-to-text and text-to-speech utilizing the browser's native Web Speech API.
- 🧠 Gemini AI Integration: Generates context-aware, predictive translation suggestions (e.g., "Where does it hurt?") to speed up triage.
- 📴 Offline Emergency Phrase Board: A categorized grid of highly-visible emergency phrases (Medical, Safety, School Clinic) available without an internet connection.
- 🏥 Bilingual Medical ID Card: Securely store critical health information locally, translatable instantly, or generate a printable ID card.
- 🎨 $10k Premium UI Experience: Built with state-of-the-art Glassmorphism, 3D physics-based animations (Framer Motion), and responsive animated mesh gradients.
VoiceUp was engineered to be highly resilient and cost-effective (Zero Cost Infrastructure):
- Frontend Ecosystem: React 18 + Vite for rapid compilation and optimized chunking.
- Styling Engine: Tailwind CSS + custom Glassmorphism utilities + Lucide React Iconography.
- Animation Physics: Framer Motion (
AnimatePresence, staggered springs) to simulate tactile, hardware-accelerated button depresses. - Data Persistence: Browser
localStorageacts as a zero-latency pseudo-database. - APIs: Native Web Speech API (transcription) + Google Gemini Pro (intelligent conversational suggestions).
You can test VoiceUp locally in seconds. No complex databases required!
- Node.js (v18+)
- A Google Gemini API Key (Optional: The app includes a fallback or you can input your own in the Settings tab!)
# 1. Clone the repository
git clone https://github.com/SaifullahSayyed/VoiceUp.git
cd VoiceUp
# 2. Install dependencies
npm install
# 3. Spin up the development server
npm run devBrowse to http://localhost:5173 to experience the 3D interface interactively!
This project was conceptualized, designed, and engineered entirely for the HackAmerica 2026 National High School Hackathon.
Focus Areas Conquered:
- Impact: Solving a localized, high-stress social issue (school clinic language barriers).
- Technical Achievement: PWA implementation, Local Storage manipulation, and AI API integration without backend costs.
- Design: Setting a new standard for Hackathon UI/UX with modern glass components.