Logo
Back to portfolio
Recipe Book

Recipe Book

Recipe Book is a trusted platform for food enthusiasts to discover, learn, and share recipes with a vibrant community. Whether you're a beginner or a passionate home chef, Recipe Book is the perfect place to connect and inspire.

Timeline

5 days

Role

Full Stack

Team

Solo

Status

Completed

Tech Stack

React js Tailwind css React Router Express js Mongodb Firebase Axios js

Key Challenges

  • Like button logic
  • Dynamic like counts
  • Protected recipe pages
  • Update modal with syncing
  • Securing env variables
  • Prevent reload errors
  • Backend cuisine filtering
  • User-only dashboard access
  • Responsive card grids
  • Unique, appealing UI
  • Key Learnings

  • Full authentication system
  • Protected routes & login persistence
  • CRUD for recipes
  • MongoDB sorting/filtering
  • Form validation
  • Dynamic top recipes section
  • UI/UX enhancements
  • Advanced UI libraries
  • Theme toggling
  • Responsive layouts
  • Key Features

  • Dynamic Top Recipes section using MongoDB sort and limit by like count
  • Complete authentication with email/password and Google social login
  • Fully protected routes for Add Recipe, My Recipes, and Recipe Details
  • Add Recipe system with categories, cuisine type, ingredients, instructions, and image
  • Recipe details page with like functionality and real-time like count text
  • User-specific My Recipes dashboard with update and delete support
  • Update recipe modal with pre-filled forms and instant data syncing
  • Cuisine-type filtering on All Recipes using backend queries
  • Dark/light theme toggle for better user experience
  • Custom 404 page with food-themed UI and no navbar/footer
  • Fully responsive design optimized for mobile, tablet, and desktop
  • Design & Developed with love by ubaidur

    © 2026. All rights reserved.