I built a Recipe Finder using Vue 3, Express.js, and MongoDB 🍳🚀

#vue #food #recipes #cooking

Hey Dev Community! 👋

We’ve all been there: you’re staring at a half-empty fridge wondering if you can actually make a meal out of a bell pepper and some leftover rice. To solve my own "what’s for dinner" fatigue, I built recipe-finder.org.

🛠️ The Tech Stack

I wanted this project to be fast, reactive, and easy to scale. Here’s how I put it together:

Frontend: Vue 3 I leaned heavily into Vue’s reactivity system. The goal was a seamless UI where ingredients could be added or removed without any clunky page refreshes.
Backend: Express.js I went with Express to keep the API layer robust yet lightweight. It handles the logic between the user's pantry and the recipe database with minimal overhead.
Database: MongoDB Since recipe data can be pretty unstructured, MongoDB's flexible document schema made it the perfect choice for efficient querying.

🚀 Give it a spin!

I’m officially launching it today and would love for you to check it out:

👉 recipe-finder.org

💬 Let's Talk!

I’d love to hear your thoughts on the UI/UX or any features you'd like to see added. Also, I’m curious—what is your favorite "clean-out-the-fridge" meal? 🍲