home page
upload page
search page
search results

Hackday Foodie: From Idea to Plate

The Idea

We wanted to make finding and planning meals easier. The idea was a platform where people could discover recipes and save their favorites. A hackathon was a good chance to try it out.

What We Learned

We worked on both the frontend and backend. On the frontend we used Next.js and Tailwind CSS to make the app responsive. On the backend we used FastAPI with Python and MongoDB for storing and searching recipe data. We also tried deploying the app with Docker on a VPS.

How We Built It

We started with the main features and added more from there.

Recipe Uploads: Users can add recipes by image or text.
Search: Recipes can be found easily using MongoDB Atlas Search.
Sessions: We track individual user activity.

APIs connected the frontend and backend, and Tailwind made the app look clean on any device.

Challenges

Figuring out how to store all the recipe data and make searches fast took time. Getting MongoDB Atlas Search to work as we wanted was tricky. Deploying the app also took some trial and error.