LockAway

• 

  Authentication Page

• 

  Uploading Personalized Key

• 

  Main Screen

Inspiration

Being completely lost and simply playing around with APIs made us realize how much we could do by combining all of the little (and big!) features that the APIs have to offer.

What it does

LockAway is a web app that uses the picture of any personalized item to grant access to your user account. Then at a close proximity, the car unlocks itself, and if the user moves further away, the car locks itself. The app can also be used to locate the car.

How we built it

We built LockAway's personalized key using Microsoft Azure's computer vision system, and the proximity sensor using Google Maps API. It was connected to the front-end using Python's Flask. The front end UI was developed in HTML, CSS and JavaScript. We deployed it on a remote server using Heroku CLI so that it can be accessible from other devices such as cell phones.

Challenges we ran into

Everything - connecting Smartcar and Azure API to our Python functions, uploading the pictures for authentication, displaying location data from Google Maps, and cleaning up the UI..

Accomplishments that we're proud of

Creating two different types of passwordless authentication - a picture of a personalized item and location proximity. Using Azure to make sure that we could use any picture of our item and not a very specific kind of picture.

What we learned

Using APIs, creating a backend using Python, linking different technologies (Azure, Google Maps, Smartcar, Flask) efficiently.

What's next for LockAway

Create a more secure system to store the identity of the personalized item, and have a native mobile version instead of a scaled version.

Built With

• azure
• css
• heroku
• html
• javascript
• python
• smartcar