🍽️ RECIPEDIA - Your Personalized Recipe Sharing Platform

🔗 Live Site: https://recipedia-frontend-q872.onrender.com

Recipedia is a full-stack web application that allows users to add, explore, and manage delicious recipes with ease. Built with the MERN (MongoDB, Express.js, React.js, Node.js) stack, it offers a user-friendly interface, personalized recipe collections, and community interaction features like likes and comments.

🌟 Features

• 🔐 User Authentication (Sign-up/Login)
• 📝 Add, Edit, Delete Recipes
• ❤️ Like & Comment on others’ recipes
• 🔍 Search & Filter recipes
• 👤 User Profiles to view and manage favorite recipes
• 📱 Responsive Design for all devices
• 📦 MongoDB Cloud Storage for efficient data management

🔗 Deployed Links

• 🔸 Frontend: https://recipedia-frontend-q872.onrender.com
• 🔹 Backend (API): https://recipedia-7xa0.onrender.com/

🛠️ Built With

• React.js + Vite – Frontend
• Tailwind CSS – Styling
• Node.js & Express.js – Backend
• MongoDB & Mongoose – Database

🚀 Frontend Setup Instructions

Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn

🔧 Getting Started

1. Clone the Repository

   git clone https://github.com/MeghanaDG04/RECIPEDIA.git

2. Navigate to the frontend directory

   cd frontend

3. Install dependencies

   npm install

4. Start the development server

   npm run dev

5. Build for production

   npm run build

🎨 Tailwind CSS Usage

Tailwind is pre-configured via tailwind.config.js. You can use utility classes directly in your JSX files.

To customize Tailwind:

• Modify tailwind.config.js
• Use @apply in .css files for reusable styles

📁 Folder Structure Highlights

• frontend/src/components/ – Reusable UI components
• frontend/src/pages/ – Route-based views
• frontend/src/styles/ – Tailwind and custom styles

🚀 Backend Setup Instructions

1. Clone the Repository

   git clone https://github.com/MeghanaDG04/RECIPEDIA.git

   [!NOTE]
   If already cloned then skip this step.

2. Now Navigate to the backend directory

   cd backend

3. Install dependencies

   npm install

4. Start the development server

   npm start

5. Build for production

   node server.js

📁 Folder Structure Highlights

• backend/cron/ – Controllers
• backend/models/ – Models such as User.js, Like.js, etc.
• backend/server.js – Entry Point

🪪 License

This project is licensed under the MIT License.