Recipe App (MERN Stack)

A full-stack Recipe Application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). Users can search any dish and quickly find detailed recipes.

Live Demo

🌐 Try it online - https://trivendrasrecipes.netlify.app/

Features

Search for recipes by dish name

View recipe ingredients and instructions

Responsive and user-friendly interface

Full-stack implementation with RESTful APIs

Tech Stack

Frontend: React.js, CSS

Backend: Node.js, Express.js

Database: MongoDB

Deployment: Netlify (frontend), Heroku/Render (backend, optional)

Installation

Clone the repository:

git clone https://github.com/strivendra002/Recipe-MERN.git

Install dependencies for server and client:

cd Recipe-MERN npm install cd client npm install

Set up environment variables (e.g., MongoDB URI, API keys if any) in .env file.

Run the application:

Run server

npm run server

Run client

npm start

Open http://localhost:3000 in your browser.

Project Structure Recipe-MERN/ ├── client/ # React frontend ├── server/ # Express backend ├── models/ # MongoDB models ├── routes/ # API routes ├── controllers/ # API logic └── README.md

Author

Trivendra Kumar

Portfolio: https://portfolio-two-pi-ejaoseqvam.vercel.app/

LinkedIn: https://www.linkedin.com/in/trivendra-kumar-b9302a226/

License

This project is open-source and available under the MIT License.