Recipe Finder Web Application

Welcome to the Recipe Finder web application, a dynamic and intuitive solution for discovering and managing your favorite recipes. This project is developed using JavaScript, React.js, Node.js, Express.js, CSS, Firebase, and MongoDB.

Check it out: Recipe Finder

Features

• Recipe Discovery: Explore a diverse range of recipes based on user-inputted ingredients, thanks to the integration of the Edamam API.

• User Authentication: Save and manage your favorite recipes securely. Firebase authentication ensures a seamless and protected user experience.

• Database Integration: Utilize MongoDB to securely store and retrieve recipes saved by authorized users.

Technologies Used

• Frontend: React.js, CSS

• Backend: Node.js, Express.js

• Authentication: Firebase

• Database: MongoDB

Getting Started

1. Clone the Repository:

   git clone https://github.com/your-username/recipe-finder.git
   

2. Navigate to the Frontend:

    cd recipe-finder
   

3. Install Dependencies:

    npm install
   

4. Configure Environment Variables: Create a .env file and fill in the following variables with your own credentials.

   REACT_APP_FIREBASE_API_KEY=
   REACT_APP_FIREBASE_AUTH_DOMAIN=
   REACT_APP_FIREBASE_PROJECT_ID=
   REACT_APP_FIREBASE_STORAGE_BUCKET=
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
   REACT_APP_FIREBASE_APP_ID=
   REACT_APP_FIREBASE_MEASUREMENT_ID=
   REACT_APP_RECIPE_API_URL=
   REACT_APP_EDAMAM_APP_ID=
   REACT_APP_EDAMAM_APP_KEY=

5. Run the Application:

    npm start
   

6. The application will be accessible at http://localhost:3000.

Backend

The backend for the Recipe Finder web application is built with Node.js and Express.js, providing a robust API for managing user data and recipes. This API interacts with a MongoDB database to handle user authentication and recipe storage. You can find the source code for the backend here.

Demo

Explore the live demo: Recipe Finder