🍽️ Chefood — Recipe Finder Full-Stack Web Application

Chefood is a full-stack recipe finder and sharing platform where users can explore delicious recipes, view details, and even upload their own creations. Built using the MERN stack and Firebase Authentication, Chefood offers a clean and responsive UI with seamless backend integration.

---

🔍 Overview

Chefood allows users to:

• Discover recipes with images, ingredients, and instructions
• Log in or register securely using Firebase Authentication
• Browse categorized or all recipes
• Upload and manage personal recipes (if authenticated)
• Store data securely in MongoDB via a custom backend API

---

🛠️ Technologies Used

💻 Frontend

• React.js
• Tailwind CSS
• DaisyUI
• Firebase Authentication
• React Router
• React Icons
• React Toastify

🔧 Backend

• Node.js
• Express.js
• MongoDB (Mongoose)
• Cors
• Dotenv

❗ JWT was not used in this project — authentication is handled entirely by Firebase.

---

📦 Dependency List

🔹 Frontend

• react-router-dom
• firebase
• react-icons
• react-toastify
• tailwindcss
• daisyui

🔹 Backend

• express
• mongoose
• cors
• dotenv
• nodemon

---

🧑‍💻 How to Run This Project Locally

1️⃣ Clone the Repository

git clone https://github.com/ibrahim752006/chefood.git
cd chefood

**Setup Backend**
cd server
npm install

**Create a .env file inside /server and add the following:**
PORT=5000
MONGODB_URI=your_mongodb_connection_string

**Start Backend**
npm run start

**Setup Frontend**
cd client
npm install

**Start Frontend**
npm run dev


**Live Link**
https://regal-biscuit-817a23.netlify.app/