Back to projects
Chitkara Mess & Recipe Finder
A recipe search app built with vanilla JavaScript that lets you search by ingredients to find dishes and preparation steps quickly.
https://bamacharanchhandogi.github.io/Chitkara-Mess/
The Problem
When cooking in college hostels or at home, you often have random ingredients in your kitchen and want to quickly figure out what you can cook. Most commercial recipe websites are stuffed with huge personal stories and pop-ups before you can find the actual ingredient list.
How It Solves It
This project is a clean, no-distraction recipe finder:
- Type in whatever ingredients you have.
- Browse recipe cards with dish photos, prep time, and calorie counts.
- Click to view simple, step-by-step cooking instructions.
How It's Built
- JavaScript Fetch: Asynchronously pulls recipes from a public culinary API.
- Debounced Search: Delays the search slightly as you type to prevent sending too many API requests.
- Responsive Grid: Looks clean on mobile so you can keep it open on the kitchen counter while cooking.
What It Means
A fun, practical tool built to solve everyday meal planning questions without navigating ad-heavy recipe blogs.