Dine | Devpost

Inspiration

To help local restaurants that were negatively impacted by the pandemic by getting more customers while ensuring social distancing measures.

What it does

Our app allows restaurant customers to place orders through the app, or to sign up for an account for contact tracing purposes.

How we built it

Our application is made with a React Frontend and a firestore backend, we chose React because of its scalability with reusable components, and firestore because of reliability factor. We have user authentication with google firebase authentication as well as a noSQL firestore database for storing our data.

Challenges we ran into

This was the first time that the team has used Firebase so there was a steep learning curve on integrating it with our React frontend. Also, understanding how to query from Firestore in a short period of time was difficult. React is a framework that many of our teammates wanted to learn. Our challenge with React was that it was hard for us to build a lot of components from scratch given such a short amount of time.

Accomplishments that we're proud of

We are proud of the progress that we made with the short amount of time that we were given. With the shift to an online hackathon, working remotely was a different experience and although we have all never met in-person, we were able to work efficiently together and create a working app. In addition, for many of us, it was the first time we had used Firebase and React so being able to quickly learn how to use them is something that we are proud of.

What we learned

We learned about the Firebase platform and how to use its integrations with Firestore, Cloud Functions and authentication to create a cohesive application. The integrations also enabled us to create an application in a short amount of time.

What's next for Dine

We would like to add a waitlist feature. This feature would allow customers to be added to waitlists virtually, and then get notified when space is available.