Inspiration

We live in a world with too many Friday night benders and too much time wasted searching for the nearest McDonald's after a late night out.

What it does

hammrd uses the Google Places and Google Directions API to quickly identify where you need to go after a long night out. We made this app with the safety of users in mind. Emergency contacts and Home address can be assigned so that through the tap of just one button, users can either notify their contact to pick them up or get directions to their home address. hammrd addresses another key issue when you're drunk: finding the nearest restaurant. Through Google Maps integration, hammrd identifies the nearest open restaurant and gives easy to follow directions.

How we built it

We built this application using React Native and Google Maps APIs. Google maps provides built in map components for react which we used to display the route home. We also used their places api to query for nearby fast-food restaurants a process home locations.

Challenges we ran into

Many of the challenges we came across could be attributed to our lack of experience with using React Native. Initially, our approach to page navigation involved checking application state and then updating components based on state. However, this approach proved to be difficult to integrate with the Android back button. As a result, we spent a lengthy amount of time overhauling our application to implement the react native call stack navigation. There were also many challenges with implementing CSS into React Native and we had to be creative in the ways we manipulated elements so that they behaved properly on the screen.

Accomplishments that we're proud of

As a team who has never used React Native before, we are proud of being able to learn a new framework over this weekend to develop a useful application. We are also proud of how we were able to overcome various challenges with React Native such as styling elements and integrating the Google Maps API. Our application is fully responsive after testing with different devices. We are also proud of how we were able to integrate the Google Maps API into our application so that it will always quickly identify the nearest open restaurant.

What we learned

For some of us, it was our first time extensively using Github and version control software. Throughout the course of this hackathon, we were able to improve our workflow processes by resolving issues with merge requests and organizing our repository. Working with React Native allowed for us to experiment with different APIs such as the Google Places API to improve our application functionality.

What's next for hammrd

For the future of hammrd, we hope to improve the aesthetics of our home page so that the ease of use will be improved. With more time, we hope to work on polishing up the header of the application as well.

Share this project:

Updates