QuickHelp
An emergency assistant app
Created on 13th July 2025
•
QuickHelp
An emergency assistant app
The problem QuickHelp solves
🛠️ The Problem QuickHelp Solves
During emergencies—whether it's a medical situation, road accident, or electrical shock—every second counts. However, in real-life scenarios:
People often panic and don’t remember what to do.
Contacting help becomes difficult when the victim is alone or unable to speak.
Vital medical information (like allergies or prescriptions) may not be readily available to first responders.
Friends or family may not know where the person is located.
âś… How QuickHelp Helps
QuickHelp is designed to solve these challenges by providing:
-
One-Tap Emergency Response
With a single SOS button, users can quickly initiate an emergency alert that prepares to share their live location with trusted contacts via WhatsApp—helping responders reach them faster. -
Emergency Information Always Available
Users can pre-fill important medical details (age, sex, prescription, allergies, and address), which can be accessed later through the profile—giving first responders critical data when needed. -
Emergency Contact Management
Users can store important emergency contact numbers and access them instantly—no need to search through their phone during a crisis. -
Quick Emergency Guides
The app includes short, to-the-point guides (like CPR steps or road accident response) to help users take immediate action while waiting for help.
🎯 Use Cases
For elderly people or individuals with medical conditions to stay safe when alone.
For travelers or drivers who may face road accidents or breakdowns.
For parents to set up quick emergency access for children.
For general safety, giving peace of mind to users and their families.
Challenges I ran into
Challenges We Ran Into
While building QuickHelp, we encountered a few technical hurdles:
Conditional Content Rendering:
Ensuring that the main content (SOS, chatbot, guides) appears only after the user registers was tricky. We resolved it using localStorage checks and conditional rendering with React hooks.
Form Reload Issues:
After registering, refreshing the page would sometimes bring back the registration form. This was fixed by checking registration state on every route change.
Profile Image Storage:
Uploading custom profile images caused storage issues (QuotaExceededError) due to base64 size limits in localStorage. We switched to using a lightweight avatar API (Dicebear) to avoid this.
Navigation Logic Bugs:
Preventing users from navigating to or seeing the form again after registration required careful route guarding and effect-based logic.
State Sync After Update:
Ensuring the profile and UI updated in real-time after user data changes was handled by syncing localStorage with component state using React.
Technologies used
