QuickBites

Home Page
Information Page
Sends the restaurant's data to Firebase
Retrieves the restaurant's information from Firebase to showcase the offered products
Uses the restaurant's address from Firebase to calculate the latitude and longitude and to show where the stores are located through APIs
Firebase Portal

Inspiration

COVID-19 brought much of global economic activity to a halt, hurting businesses and causing people to lose their jobs. In particular, restaurant owners suffer a great loss due to few customers and wasted food. A new study suggests that one in 10 restaurants around the country have permanently closed due to COVID-19. Restaurants Canada says an estimated 800,000 jobs have been lost across the country in the past month and more than 300,000 of those jobs are in Ontario alone.

We feel an urge to help them endure this hardship and thought of a platform for them to resell their stocked food to everyone. Although it is at a lower price, it benefits not only the restaurants in minimizing costs but also the general public in saving money, moreover the environment for not wasting resources.

What it does

QuickBites allows restaurants to make postings of the food they are selling on the "Partners" page. Then the information will be stored in the database for everyone to see. Consumers can buy specific products as a discounted rate on the "Products" page. In addition, QuickBites have a "Location" page that shows all of the restaurant partners so that consumers can easily pick one that is most convenient to their home. This portion is completed with the support of Google Maps and Place API.

How we built it

We built this project using JavaScript, HTML/CSS, Bootstrap, React, and Firebase. We designed our website with React framework and managed all details with HTML, CSS and Bootstrap. Furthermore, we implemented our database using JavaScript and Firebase, and we incorporated the Google Maps and Place API to show the restaurants near the users.

Challenges we ran into

When making this project, one of our struggles was designing a visually appealing and functional website. By using Bootstrap and carefully designing the details, we were able to overcome this problem. The other issue we came across was managing different states in React and integrating everything together with Firebase. The large number of interactions our web app is making causes the issue and we resolved it at the end by continuous debugging and checking over.

Accomplishments that we're proud of

We successfully completed the project and it worked perfectly in the end. We are proud of ourselves since we do not have a lot of experience with React + Firebase. However, we persist to complete the project.

What we learned

We reinforced our knowledge on implementing React and Firebase, and we learned to integrate Google Maps and Place API into our website which created a convenient experience for users.

What's next for QuickBites

In terms of technical aspects, we hope to implement more APIs and explore more with Google Cloud services along with other databases such as MongoDB.

QuickBites can not only help restaurant owners but also other local retail stores in the COVID-19 crisis. We hope to implement it in the near future to contribute our part to the economy amidst the pandemic.