https://github.com/themahabur/recipe-book
Recipe Book 🍽️ A dynamic and responsive Recipe Book web app built with React, Firebase, and MongoDB. Users can add, view, like, and manage their own recipes with protected routes and clean UI.
https://github.com/themahabur/recipe-book
firebase mongodb react recipe-app tailwindcss
Last synced: 3 months ago
JSON representation
Recipe Book 🍽️ A dynamic and responsive Recipe Book web app built with React, Firebase, and MongoDB. Users can add, view, like, and manage their own recipes with protected routes and clean UI.
- Host: GitHub
- URL: https://github.com/themahabur/recipe-book
- Owner: themahabur
- Created: 2025-06-25T10:15:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-27T13:15:37.000Z (about 1 year ago)
- Last Synced: 2025-06-27T13:41:08.487Z (about 1 year ago)
- Topics: firebase, mongodb, react, recipe-app, tailwindcss
- Language: JavaScript
- Homepage: https://recipe-book-app-9d3da.web.app/
- Size: 63.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍽️ Recipe Book App
A full-featured recipe web application where users can add, manage, and like recipes. Includes Firebase Authentication, protected routes, dynamic filtering, and a clean, responsive UI.
---
## 🔗 Live Site
👉 [Live Site](https://recipe-book-app-9d3da.web.app)
## 📁 Features
- 🔐 Firebase login & Google login
- 🍲 Add, update, and delete your own recipes
- ❤️ Like others' recipes (not your own)
- 🥇 Top 6 most liked recipes on Home
- 🧠 MongoDB database (Add/Read/Update/Delete)
- 🌗 Light/Dark mode toggle
- 🔍 Filter by Cuisine Type
- 📱 Responsive for all devices
- 🧪 Protected Routes (Add / My Recipes / Details)
- 🎨 SweetAlert2 for messages
- 🔥 Lottie, Typewriter, and Awesome Reveal animations
## ⚙️ Tech Stack
- React.js + Tailwind CSS
- Firebase Auth
- Node.js + Express.js
- MongoDB Atlas
- Axios, React Router
- SweetAlert2, Lottie, Typewriter, React Awesome Reveal
## 👨🍳 Author
**Mahabur Rahman**
🌐 [Portfolio](https://mahabur.xyz) | 🐙 [GitHub](https://github.com/themahabur)