Forem: Rusu Ionut

Get a FREE Month of Premium! 🚀

Rusu Ionut — Sat, 25 Apr 2026 16:36:01 +0000

Hey everyone! 👋

We are excited to share a brand new way for you to enjoy our Premium features. If you've been loving the platform, why not bring a friend along?

Get a FREE month of Premium! The process is incredibly simple: just share your unique invite link, and when a friend upgrades their account, your next month is completely on us. There's no limit to how many friends you can invite!

👉 Grab your invite link here: https://recipe-finder.org/invite-one-free-month

Thank you for being such an awesome part of our community. Happy coding (and cooking)! 💻🍳

Building Recipe-Finder.org: A Full-Stack Journey with Vue, Express, MongoDB, and Vuetify 🍳

Rusu Ionut — Sat, 25 Apr 2026 16:30:34 +0000

Hello, DEV community! 👋

Today, I want to share a project I recently launched: Recipe-Finder.org.

Like many developers, I often find myself staring into the fridge wondering what to make with the random ingredients I have left. I wanted a fast, clean, and intuitive way to search for recipes, so I decided to build my own solution.

It was a fantastic opportunity to dive deeper into full-stack development, and I decided to go with a modified MEVN stack. Here is a breakdown of how I built it, the tools I used, and what I learned along the way.

🛠️ The Tech Stack

I wanted a stack that allowed for rapid development while keeping the application highly responsive. Here is what powered the project:

Frontend: Vue.js. I love Vue for its approachable learning curve and how easily it handles reactive components. It made building the dynamic search interfaces a breeze.
UI Framework: Vuetify. To get that polished, Material Design look without writing hundreds of lines of custom CSS, Vuetify was my go-to. It provided out-of-the-box components like cards for the recipes, navigation drawers, and responsive grids.
Backend: Express.js (Node.js). I kept the backend lightweight. Express handles the API routing, processing search requests from the Vue frontend and communicating with the database.
Database: MongoDB. Recipes are inherently document-like (they have arrays of ingredients, arrays of instructions, etc.). A NoSQL database like MongoDB was a perfect fit, allowing me to store recipe data flexibly without strict relational tables.

🏗️ Architecture & How It Works

The architecture is a standard decoupled setup.

The Client: The Vue app handles all the state management (using Pinia) and user interactions. When a user types an ingredient or recipe name, Vue triggers an Axios request.
The API: The Express server receives this request. It validates the input and constructs a query.
The Data: The server queries MongoDB, retrieves the matching recipe documents, and sends them back as a JSON response.
The Render: Vue takes that JSON data and seamlessly updates the Vuetify DOM components to display the delicious results.

🚧 Biggest Challenges & Lessons Learned

No project is complete without a few bumps in the road. Here are a couple of things that tested my patience and what I learned from them:

1. Managing Complex Search Queries

The Challenge: Users rarely type exact, sanitized ingredient names. Implementing a search that handled both strict array matching (for ingredients) and fuzzy text matching (for recipe titles) was tricky to get right without sacrificing performance.
The Solution: I ended up utilizing MongoDB's text search indexes and the $text operator. For more nuanced ingredient matching, I built out an aggregation pipeline in Express that scores and sorts results based on how many ingredients match the user's input.

2. Responsive UI with Vuetify

The Challenge: Getting the recipe cards to look consistent was surprisingly tough. Recipe images had different aspect ratios, and title lengths varied wildly, which kept breaking my grid layouts on mobile screens.
The Solution: I leveraged Vuetify's v-img aspect-ratio props to enforce uniformity and used the CSS line-clamp property for text truncation. I also fully utilized Vuetify's responsive grid system (cols="12" sm="6" md="4") to ensure the layout degrades gracefully based on viewport size.

🚀 What's Next?

Getting the core functionality of Recipe-Finder.org live was step one. In the future, I plan to add:

User Accounts: So people can save and favorite their go-to recipes.
Meal Planning: A calendar feature to plan the week's dinners in advance.
Smart Shopping Lists: Automatically compiling missing ingredients from a chosen recipe into an interactive checklist.

Let me know what you think!

Building this was a lot of fun, and seeing it live on the web is incredibly rewarding. I'd love for you to try it out!

👉 Check it out here: Recipe-Finder.org

If you have any feedback on the UI, the search functionality, or the code structure, please let me know in the comments below. Happy coding! 👨‍💻👩‍💻

Turn Viral Recipe Videos into Clean Recipe Cards Instantly 🍳

Rusu Ionut — Mon, 30 Mar 2026 21:07:05 +0000

⚡ 60-Second Video -> 1-Click Cooking

We turn chaotic viral cooking videos into organized recipe cards and standardized grocery lists.

Find: Copy a video link (TikTok, Instagram, YouTube).
Paste: Drop it into our extractor.
Cook: Get an instant clean card.

Try it for FREE:

Everybody gets 2 FREE AI imports per month. No credit card required.

👉 Extract Your First Recipe Here

Go Premium for UNLIMITED Imports:

For power users who cook a lot, get seamless, unlimited imports.

👨‍🍳 Go Premium Now

Empty fridge? I built a tool that tells you what to cook 🍳

Rusu Ionut — Wed, 25 Mar 2026 07:39:12 +0000

Hey everyone! 👋

Tired of staring at 3 random ingredients in your fridge and just ordering takeout? Me too. So I built an app to solve it.

Just type in whatever is sitting in your kitchen, and it instantly generates meals you can actually make.

🔗 Try it out here:

🍽️ Find a Recipe Right Now
🧅 Search by the Ingredients You Have
💸 Stop Wasting Groceries

(Dev note: The site is built for lightning-fast searches using Vue 3, Express, and MongoDB).

💬 Let's Talk!

Click the links above, give it a spin, and let me know if it finds you something good.

Also: What is your ultimate "clean-out-the-fridge" meal? Drop it below! 👇

Food #Recipes #Cooking #WebDev #VueJS

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

Rusu Ionut — Tue, 24 Mar 2026 20:25:05 +0000

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? 🍲

WebDevelopment #VueJS #ExpressJS #MongoDB #FullStack #SoftwareEngineering #ProjectLaunch #RecipeFinder