• 

  mid-day Sydney

• 

  some code

• 

  some more code

Inspiration

We drew inspiration from S. Korea's amazing Covid19 response, where they notified the population of high-risk areas to limit the spread of the virus. We wanted to produce a web-app that was both easily accessible and usable to do something similar.

What It Does

It uses the popular times data on Google Maps to access data on how crowded nearby stores are and decide which ones would be safer to go to. This is then organized and displayed on a map with intuitive markers and a data display to communicate that to the user. The web-app automatically takes your location so you only need to use the search bar if you want to check for another location (or in our case debug when there are no stores open around us).

How We Built It

Django, Python, Javascript, CSS, and HTML were all used in the creation of SafeShopping. Our team has successfully completed a working prototype. We also used the free trial of the Google Maps API.

Challenges We Ran Into

We had a few limits with the data, many frustrating bugs, and the app could still use more refinement, however, we are very proud of what we have accomplished. We feel that it's an amazing framework that we can build on in later hackathons to create something awesome.

Accomplishments That We're Proud Of

We were able to get an actual interactive website working while learning all these new technologies on our own. Conquering Django was a massive accomplishment, considering that none of us had any real experience with Django before.

What We Learned

We learned so much about both frontend and backend web development, especially working with APIs. We had to learn a lot on the spot, including, how to use JavaScript to create dynamic HTML, how to connect the front and back end, and how to use various mapping APIs.

What's Next for SafeShopping

We want to refine our website and add more features. One of the main features we want to add is a navigation bar that will allow you to choose specific kinds of places around you and to refine our CSS.

Built With

• css
• django
• html
• javascript
• python