Welcome to EcoChef, your go-to destination for discovering delightful recipes based on your favorite ingredients! Our mission is to make cooking an enjoyable and sustainable experience, all while helping you create mouthwatering dishes with ease.
EcoChef is a user-friendly web app that simplifies the process of finding the perfect recipe based on your available ingredients. We understand the challenges of meal planning and strive to make it as convenient as possible for you. With our intuitive interface and access to the Meal DB API, we bring a world of delicious recipes right to your fingertips.
-
Search by Ingredient: Simply enter the ingredient you want to use, and EcoChef will present you with a curated list of recipes featuring that specific item.
-
Filter and Customize: Tailor your search by applying filters such as cuisine type, dietary restrictions, or cooking time. Find the perfect recipe that suits your taste and schedule.
-
Detailed Instructions: Each recipe comes with clear, step-by-step instructions and vibrant images to guide you through the cooking process. Whether you are a seasoned chef or a kitchen novice, you will feel confident in your culinary endeavors.
Clone the repository:
git clone https://github.com/Ojas13-git/EcoChef-Food-Recipe-AppFrontend (Client)
cd client
npm install
npm run devBackend (Server)
cd ../server
npm install
nodemon index.jsFrontend :
cd client
npm run devcd server
npm install
nodemon index.js- Open a web browser and go to http://localhost:3000 to interact with the frontend.
- Login into the app or create new account
- The frontend communicates with the backend (server) to process the request and fetches recipes from mealdb api.
- The backend returns the recipe results to the frontend.
- You can search recipes through ingredients and add or remove favourite recipes
- Vite React, Redux, Node.js, Express.js, MongoDB, TailwindCss, etc
User Interface
Login Page
SignUp page
Search in Working
Favourites page