This is a submission for Weekend Challenge: Passion Edition
What I Built
My sister is passionate about baking.
Cakes, cookies, pastries... if there's something sweet to make, she's probably already thinking about it.
But there was one problem I kept noticing.
Before baking anything, she would spend a lot of time searching through different websites just to find a recipe that matched the ingredients already available in our kitchen.
Sometimes she already had almost everything she needed, but finding the right recipe still took much longer than it should.
Watching this happen over and over made me think:
What if there was a faster way?
That's how Bake With What You Have was born.
Instead of browsing dozens of recipe websites, users simply select the ingredients they already have, and the app suggests cakes and desserts they can make right away.
Now she can spend less time searching for recipes and more time baking.
And honestly... I get to keep enjoying more homemade desserts too, so I'd say it's a win for both of us. 🍰😄
Demo
🌐 Live Demo
https://bake-with-what-you-have.netlify.app/
Code
💻 GitHub Repository
https://github.com/roghayem/bake-with-what-you-have
How I Built It
I built this project using only HTML, CSS, and JavaScript, without any frameworks.
Technologies Used
HTML5
CSS3
JavaScript (ES6)
Flexbox
CSS Grid
Features
🍰 Find cake and dessert recipes using available ingredients
🥚 Interactive ingredient selection
📖 View recipe details
📱 Fully responsive design
🎨 Clean and modern UI
⚡ Fast and lightweight experience
Challenges
The biggest challenge wasn't designing the interface.
It was creating a recipe-matching system that feels useful instead of overwhelming users with too many results.
Building this project also helped me improve my skills in:
- DOM Manipulation
- Working with arrays and objects
- Responsive Web Design
- UI Design
- Building projects around real-world problems instead of tutorial ideas
What's Next?
This is only the first version of the project.
I already have several ideas for future improvements:
- 🍰 Add many more cake and dessert recipes
- 🧠 Improve the recipe matching algorithm
- ❤️ Save favorite recipes
- 🔍 Add search and advanced filtering
- 🛒 Generate shopping lists for missing ingredients
- 👤 Add user accounts and personal recipe collections
- 📱 Turn it into a complete web application—and maybe even a mobile app in the future
I hope this project continues to grow as my front-end skills grow.
Final Thoughts
One thing this project reminded me is that good ideas don't always come from brainstorming for hours.
Sometimes they're already around us—we just need to pay attention to the small problems people face every day.
If this app helps my sister spend less time searching and more time baking, then I've already achieved my goal.
And if that means I get to enjoy more homemade desserts, that's definitely a bonus. 🍰😄
I'd love to hear your feedback.
If you could add one feature to this project, what would it be?
Top comments (2)
I like this idea 💡
thank you for tour nice replay