What's in my Fridge

*Preview*

What’s in My Fridge? – Full-Stack Web Development Project

For this project, I developed What’s in My Fridge?, a web-based application that helps users generate meal ideas based on the ingredients they have. The goal was to create a seamless, user-friendly platform that reduces food waste while making cooking more accessible. I worked on both the front-end and back-end, ensuring smooth functionality and an intuitive user experience.

On the front-end, I designed and formatted the main webpage, implemented interactive recipe cards with hover animations, and structured recipe categories for easy navigation. On the back-end, I worked with SQL databases to manage recipe data, populating ingredient tables and setting up relationships for efficient data retrieval. Additionally, I collaborated with my team to review and refine the site, ensuring consistency, responsiveness, and smooth integration between the front-end and database. Through this project, I strengthened my skills in React.js, CSS, SQL, UI/UX design, and full-stack development, while also gaining experience in Agile workflows, team collaboration, and database management to deliver a well-rounded final product.