A full-featured recipe management web application where users can explore, add, and manage delicious recipes. Built with authentication, protected routes, dynamic filtering, and interactive UI components.
🔗 Live Site: https://recipe-log.netlify.app/
- 🔐 Authentication System – Users can register/login via email/password or Google. Protected routes for adding and managing recipes.
- 📌 Add & Manage Recipes – Authenticated users can create, update, delete their own recipes. Recipes include cuisine type, ingredients, instructions, and categories.
- 🧡 Like System – Recipes can be liked by other users. Like count updates dynamically and is restricted from liking own recipes.
- 📊 Top Recipes on Home Page – Displays 6 recipes with the highest likes using MongoDB queries with
.sort()and.limit(). - 🔍 Filter Recipes by Cuisine – A dynamic dropdown filter on the All Recipes page lets users filter by cuisine type.
- 🌙 Dark/Light Mode Toggle – User can switch between dark and light themes on the home page.
- 📱 Responsive UI – Optimized for all screen sizes using modern layout techniques.
- ❌ Custom 404 Page – Unique food-themed not found page for unknown routes.
- Frontend: React, React Router, Tailwind CSS / DaisyUI
- Backend: Nodejs, Express.js, and MongoDB
- Authentication: Firebase Authentication (Email/Password, Google OAuth)