🍽️ 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.

📊 Project Insights

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Closed PRs	🛠️ Languages	👥 Contributors

🌟 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

🌟 Exciting News...

🚀 This project is now an official part of GirlScript Summer of Code – GSSoC'25! 💃🎉💻 We're thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow RECIPEDIA! Let’s make learning and career development smarter – together! 🌟👨‍💻👩‍💻

👩‍💻 GSSoC is one of India’s largest 3-month-long open-source programs that encourages developers of all levels to contribute to real-world projects 🌍 while learning, collaborating, and growing together. 🌱

🌈 With mentorship, community support, and collaborative coding, it's the perfect platform for developers to:

• ✨ Improve their skills
• 🤝 Contribute to impactful projects
• 🏆 Get recognized for their work
• 📜 Receive certificates and swag!

🎉 I can’t wait to welcome new contributors from GSSoC 2025 to this RECIPEDIA project family! Let's build, learn, and grow together — one commit at a time. 🔥👨‍💻👩‍💻

🛠️ 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

📜 Code of Conduct

Please refer to the Code of Conduct for details on contributing guidelines and community standards.

🤝👤 Contribution Guidelines

We love our contributors! If you'd like to help, please check out our CONTRIBUTE.md file for guidelines.

Thank you once again to all our contributors who has contributed to RECIPEDIA! Your efforts are truly appreciated. 💖👏

Show some by starring this awesome repository!

💡 Suggestions & Feedback

Feel free to open issues or discussions if you have any feedback, feature suggestions, or want to collaborate!

🙌 Support & Star

If you find this project helpful, please give it a star ⭐ to support more such educational initiatives!

📄 License

This project is licensed under the MIT License - see the License file for details.

🧑‍💻Project Admin:

Meghana Gaonkar

👨‍🏫 Mentors – RECIPEDIA (GSSoC'25)

Role	Name	GitHub Profile	LinkedIn Profile
Mentor 1	Arish Singh	Arishsingh	arish-singh
Mentor 2	Krishna Sen	KrishnaSen01	krishna-sen

Give us a Star and let's make magic!

👨‍💻 Built with ❤️ by the RECIPEDIA And Team

❤️ Meghana Gaonkar and Contributors ❤️ Open an Issue

Ready to show off your coding achievements? Get started with RECIPEDIA today! 🚀