Welcome Page
Add all the ingredients you have
Result page
Your recipe with nutrient info

About the Project

Frontend: HTML, CSS, JavaScript
Backend: Node.js, Express
API Usage: Recipe and nutrition data
Database: Firebase

Inspiration

We built this website for people who are unsure of what they want to cook. For instance, during exam periods, students often don’t pay extra attention to cooking or their diet. With this project, they can select the ingredients they have in their pantry and search for recipes.

The nutritional info feature helps users keep track of their protein, carbs, and other nutritional requirements. This way, they can eat healthily even during busy times.

Challenges

We faced many challenges, mainly because we also had our midterms, so we had to find the right balance between completing the project within 24 hours and studying. We divided the work according to each teammate’s convenience and set clear goals to stay on track.

What We Learned

This project helped us enhance our skills in web development and working with APIs, which we used in many features. It also taught us valuable lessons in time management and collaboration under pressure.