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.
Tech Stack
React js Tailwind css React Router Express js Mongodb Firebase Axios js
Key Challenges
Like button logicDynamic like countsProtected recipe pagesUpdate modal with syncingSecuring env variablesPrevent reload errorsBackend cuisine filteringUser-only dashboard accessResponsive card gridsUnique, appealing UIKey Learnings
Full authentication systemProtected routes & login persistenceCRUD for recipesMongoDB sorting/filteringForm validationDynamic top recipes sectionUI/UX enhancementsAdvanced UI librariesTheme togglingResponsive layoutsKey Features
Dynamic Top Recipes section using MongoDB sort and limit by like countComplete authentication with email/password and Google social loginFully protected routes for Add Recipe, My Recipes, and Recipe DetailsAdd Recipe system with categories, cuisine type, ingredients, instructions, and imageRecipe details page with like functionality and real-time like count textUser-specific My Recipes dashboard with update and delete supportUpdate recipe modal with pre-filled forms and instant data syncingCuisine-type filtering on All Recipes using backend queriesDark/light theme toggle for better user experienceCustom 404 page with food-themed UI and no navbar/footerFully responsive design optimized for mobile, tablet, and desktop
