Here is the finalized "About the Project" write-up, structured perfectly for a hackathon submission (like Devpost) or a project portfolio.
About the Project: SafeCircle
Overview: SafeCircle is a comprehensive personal safety application designed to provide instant access to help during emergencies. By seamlessly combining precise location tracking, real-time alerting, and ambient noise detection, SafeCircle creates a robust and reliable safety network for its users.
Inspiration
The idea for SafeCircle was born out of a very real, very unexpected emergency. One of our team members was injured in an accident involving a homemade potato cannon. In the aftermath, the intense pain made it incredibly difficult to physically unlock a phone, dial for help, and clearly explain the location. We realized there was a critical need for an application that makes reaching out for assistance as effortless and immediate as possible, without the friction of traditional emergency calls when you are in distress.
What it does
SafeCircle simplifies the process of getting help into a single action:
- Emergency Help Button: A core panic button that instantly dispatches a request containing the user's ID, timestamp, and location coordinates to predefined contacts or authorities.
- Interactive Map Selector: Upon activation, the app fetches the device's exact geolocation. Users can also quickly drag a pin on the map to fine-tune their position for responders.
- Ambient Noise Detection: To provide critical context without requiring the user to speak, the app automatically begins recording background audio as soon as the Help button is pressed. This audio is bundled into the alert payload.
How we built it
We built SafeCircle by transitioning from our traditional web development background into mobile app development.
- Frontend: We developed the mobile application using TypeScript. We integrated components like
HelpButton,MapSelector, andAudioCaptureto handle the user interface and device hardware permissions (like background microphone access). - Location & Maps: We utilized modern mapping libraries (like Google Maps/Leaflet) to render the map interface and capture exact latitude/longitude geospatial data.
- Backend & APIs: Our backend securely handles API endpoints (
/help,/locations/:userId,/audio) to log events, store data, and instantly push notifications via SMS, email, or push alerts. We also integrated voice-to-text AI APIs to translate and summarize the captured audio.
Challenges we faced
- Platform Transition: Shifting our mindset and development approach from building traditional websites—which we were all very accustomed to—to developing a fully functional mobile application.
- Audio & AI Integration: Figuring out how to properly implement background microphone recording features natively on a phone, and then routing that audio to an AI service for accurate translation and summarization.
- Security & API Keys: Navigating the complexities of using external APIs while ensuring that all of our API keys and environment variables were securely stored and hidden within the project to prevent unauthorized access.
What we learned
Building SafeCircle was an incredible learning experience for the whole team. Key takeaways include:
- Mobile Development: Learning the end-to-end process of building a mobile application using TypeScript.
- AI-Assisted Development: Discovering how to effectively utilize AI for efficient coding, debugging, and problem-solving throughout the development lifecycle.
- Geolocation Integration: Implementing dynamic map features to successfully capture, display, and share a user's live location.
- API Management: Gaining a deeper understanding of API architecture, integration, and the best practices for managing keys securely.
- Speech-to-Text Capabilities: Successfully incorporating voice-to-text technologies to summarize audio in real-time.
Log in or sign up for Devpost to join the conversation.