I was inspired to create this web app from all the times I've ordered takeout. Since we are living during a pandemic, dining in restaurants is not allowed, so my only option is to order food online or by phone. When I go pick up my food, sometimes the restaurant is overcrowded but sometimes it's empty. I figured there should be an app that allows people to manage when they go to pickup food if they knew how busy it is.

What it does

Smart Takeout allows you to search for a restaurant you ordered at. From the query you search, you can select the correct restaurant and check in. Checking in will increment the number of occupants of the restaurant and update the database. Once the user has picked up his food, he can update the counter by confirming that he is no longer at the restaurant. These steps allow other users who are picking up from the same restaurant to know whether there is too much people picking up at the same time.

How I built it

I built the web app using Node.js, Express, and MongoDB for the backend. I developed the frontend using HTML and CSS. I also used Bootstrap and Jquery to make the web app look more appealing.

Challenges I ran into

Since I was alone in this project, I didn't have enough time to add validation code. The result is crashes that occur when an input lacks text.

Another challenge was using the TomTom API which I used to retrieve restaurant based on the bounding box. The information for certain restaurants lacks attributes that other restaurants had so I had to limit how descriptive each place is.

Accomplishments that I'm proud of

This is the first hackathon I've done by myself. I also finished most of the required tasks for the project. In my previous hackathons, I couldn't even setup the environment to create something, but since I am familiar with the MERN stack, I was able to setup Safe Takeout's environment easily and actually make my vision come to life.

What I learned

I learned more about jQuery, leaflet, and JavaScript. I also learned how to manage my time at hackathons by myself.

What's next for Safe Takeout

I want to pitch this idea to GrubHub, Postmates, and Uber Eats. I believe that this web app could be integrated into their apps and hopefully help their users to social distance even better.

Share this project: