-
-
Home page for Groceryzon.
-
Choose the store that you would like to go shop at.
-
Book your time and get your QR code via email! Grocery store retailers will scan your QR code when you arrive to verify their records.
-
Register as a vendor or retailer!
-
Login page for retailers.
-
Here is where retailers can register their stores with the carrying capacity per hour.
Inspiration
Social distancing is a major factor in flattening the curve and the fight against COVID-19, but grocery stores tend to have a consistent amount of customers in the facility at once, thus reducing the effectiveness of social distancing. We decided to combat this problem, and offer a solution where users can book their time to come shopping at grocery stores.
What it does
Customers can select the store that they wish to go, and book an available time for that store. Then they will get a QR code to their email, allowing them be scanned and allowed into the store. Grocery store retailers can make an account on our web app, and register their stores, along with the carrying capacity per hour for the store. When customers book a time, retailers can login to their account, and scan the customer's QR code, thus verifying the booking and allowing entry.
How I built it
We built it using HTML/CSS for the front-end, and JavaScript for the back-end to implement APIs. We used fetch from JavaScript for the email processes and image processing, and used DigitalOcean to host the webapp.
Challenges I ran into
We were stuck on a long time with image processing and trying to read the QR code to get the necessary information, as well as the challenge of being remote with each other, limiting communication.
Accomplishments that I'm proud of
We are proud that we managed to get a final working product on groceryzon.ca, and we implemented an interface for the customer, and the retailer. As well, we are proud that we managed to overcome the challenges that working remotely brought, and that we had a great time here!
What I learned
Making a multi-interface web app, creating functions (emailing, QR code processing) to work with our app, and how to have a good time despite working remotely!
What's next for Groceryzon
Expanding our network with more grocery stores, and potentially expanding to more platforms, such as iOS and Android.
Log in or sign up for Devpost to join the conversation.