Authors

Inspiration

The current public health crisis has necessitated community-wide self-isolation. People fear going to shop for groceries and other necessities, which shouldn't be the case. Our website helps promote good social distancing by informing people about the business of nearby grocery and retail stores by analyzing the traffic data and popularity times near that particular store. We want people to be able to shop with a sense of security and safety.

What it does

The website queries multiple APIs and organizes the information in a website for users to determine the best time to visit grocery stores to avoid human interaction. Users can also search for specific products and the website will determine which local Walmarts have the item in stock.

How we built it

The web app itself was built using React and Flask. We used multiple APIs in a Python web server and wrote our own webscrapers to gather information, which was then parsed and displayed using React. The app was developed collaboratively through VSCode LiveShare, and finally deployed using Google App Engine.

Challenges we ran into

One challenge that we ran into was trying to find a free, available API to find the inventory of nearby retail stores. We couldn't find any, so the solution we came up with was by scraping multiple websites to locate SKU numbers and the stock of certain items. Also, we ran into some issues launching our website and putting on the domain we received from domain.com.

Accomplishments that we're proud of

We are proud to have finished a working prototype. Along with an elegant, modern-style website with smooth animations and icons, we combined multiple APIs and also wrote our own webscrapers for backend.

What we learned

We learned how to use the various APIs. We have also never worked with the combination of React and Flask before, which was interesting to work with. We also gained more insight on creating web scrapers.

What's next for Shop With Space

There are several features and implementations that we want to add to Shop with Space in the future. For the user interface, we could add features such as a radius slider to filter stores by a specified distance. We could also build a broader inventory checker, since with the resources that we could acquire during the hackathon, we could only find a working inventory checker for Walmart. Lastly, we could using machine learning to learn how busy a store is given traffic, popularity, and other factors.

More Information

Exporting the video took longer than expected. We have put the video in a shared Google Drive folder in one of the "Try it out" links. There were some complications with the domain name too.

Try It out

Hackathons

Technologies

api, flask, google-cloud, google-maps, google-places, html5, javascript, python, react, requests, scss

Devpost Software Identifier

256607