Children as young as 7 are getting their own smartphones and bringing their phones along with them wherever they go, to school, home, or a friend’s house. We wanted to utilize the background location-tracking abilities of smartphones to allow busy families to stay connected and safe.
What it does
ChildSafe is an app that informs parents of whether their children are exposed to danger. After logging in with Facebook, children and parents will sign up, match with each other, and confirm their identity. ChildSafe would let parents mark the safe areas for their children. If their children are out of these safe zones, the app will send notifications and make their parents aware of changes in children’s location. I hope this product will improve safety and reduce kidnapping rates among younger children. Eventually, parents can rest assured that their children are protected wherever they are.
How we built it
The app is built with Swift on Xcode. We integrated Facebook login, Google Firebase, and Apple Map API. We prototyped our mockups on Sketch, tinkered with React-Native and node.js, and rapidly build a mobile app with Swift. To provide the most helpful information, we accurately stored the data in real time database, tracked the children, and pushed out notifications when any danger is identified.
Challenges we ran into
We originally built the app with react-native but ended up with a lot of outdated and buggy API documentation. After spending a day and a half debugging, we eventually pivoted the iOS app to Swift on Saturday evening. While we have planned the tech stack and design, we didn’t expect to run into such difficulties. Fortunately, Swift, Firebase, and Map APIs worked out smoothly.
Given that we had to pivot so late into the hackathon, we wanted to go with a simple design that consisted of only the key features of what we imagined our product would end up doing. Simple designs also reduce the cognitive overhead of our users and increase the rate of successful onboarding among our potential users. Aesthetically, simple screens of green hues made up the overall design of the app. Green, the color of life, is perfect for ChildSafe as young life is what we hope to protect with this product and our logo, showcasing a mother embracing his little child, reflects that as well.
Accomplishments that we're proud of
We are proud of implementing the Facebook login configuration, Map API and geo filtering, and sending notifications to update the children’s status. In addition to building the technical stack, we are proud of utilizing technology to create social good (also, pull together a working app in the last batch of Yhack).
What we learned
In the process of building this application, we learned how to integrate Facebook, Google, and Apple APIs. First off, we learned to create a minimum viable product and relentlessly iterate on it. From specing out the prototypes to building out the iOS, we have enabled searching, filtering, and notifying with interactive design. Furthermore, we learned from experienced mentors to build with Swift, Objective-C, React native when we get stuck. From ideation to fruition, we learned to design a meaningful product that provides an essential information to all human beings.
What's next for ChildSafe
- Develop a reply from the children’s side to alerts, so that we can decrease false alarm.
- Suggest a list of places the family generally frequent when adding the geo filters.
- Integrate the app with close friends and family who are designated as “safe people” and show the child’s company to give the parents an additional sense of security when they are not with the child.