top of page
Anchor 1
OurFood.png

ShellHacks 2021

Florida's largest hackathon

Timeline

September 24th - 26th, 2021

Team Role

In this project, I fully worked on the UI/UX and front end web development with HTML, CSS, and JS. I spearheaded project management and communicate with the other team members to ensure project deployment. I also made the video and final submission.

apple.png

Inspiration

Our team loves food and we want to help other students who love food too. We recognized the difficulties surrounding food during the COVID pandemic that can easily be eliminated with an application.

What It Does

OurFood is a website application in which a student can list the ingredients they have and receive recipe suggestions as a result. The student can then scroll through recipe suggestions and choose one they like based on preference for cook time and recipe photo. This will send them to the website of the recipe where they can learn more and get cooking!

How We Built It

Front-End: HTML, CSS, and JavaScript

Back-End: Python

PyMongo to connect to the MongoDB

Flask for developing the web application

Google App Engine as our cloud computing platform

tomato.png
broccoli.png

Challenges

Our team faced quite a few challenges. We at first attempted using Firebase as our database, however we ran into issues collecting substrings. So after many attempts we ended up switching over to MongoDB. None of the team members had previously worked with JavaScript, so we had to learn that from scratch to incorporate it into our project.

Accomplishments

Our team is incredibly proud of our project! We are happy to have been able to simultaneously work on front and back-end of this website application and then successfully be able to link them together and function properly.

Take Aways

This project was a great learning experience for me! I learned important skills in HTML, CSS, and JavaScript for front end web development. I also learned about how my teammates used Python and Flask for the back-end and how they incorporated PyMongo, MongoDB and Google App Engine!

Logo.png

Demo Video

bottom of page