Recipe Hub delivers a seamless, interactive experience for food lovers with comprehensive recipe management capabilities. Built complete CRUD functionality allowing users to add new recipes with image uploads, edit existing recipes, delete unwanted entries, and view detailed recipes in an elegant modal interface. Features an intuitive favorites system with heart icons for quick recipe saving and a powerful search & filter system that enables real-time filtering by recipe name, diet type, cuisine, and country. The clean, modern UI showcases recipes in beautiful card layouts with hover effects and smooth transitions, making it stand out from standard recipe applications through its advanced filtering capabilities and user-centric design..
Recipe Hub is designed to deliver a seamless, interactive experience for food lovers. It features advanced filtering, user favorites, and real-time updates, making it stand out from standard recipe apps.
- JWT-based secure login/logout
- User profile management
- Protected routes for authenticated users
- Browse & Discover: Recipe cards with images, timing, and dietary indicators
- Add/Edit/Delete: Full CRUD support
- Favorites: Save favorite recipes for quick access
- Real-time search by recipe name
- Filter by diet type (Veg/Non-Veg), cuisine, and country
- Dynamic results with live count
- Responsive, clean interface with smooth animations
- Hover effects and modal views for detailed recipe info
- Interactive feedback and visual cues
- User-specific collections and persistent favorites
- Optimized image uploads using Multer
- Real-time updates for seamless UX
Frontend: React.js | React Router | CSS3 | React Icons
Backend: Node.js | Express.js | MongoDB | Multer
Tools & Practices: ES6+, Component Architecture, Git & GitHub
- Advanced Multi-Filter Search: Effortless recipe discovery.
- Interactive Recipe Modals: Enhanced user experience.
- Favorites & Real-Time Updates: Personalized and dynamic content.
Recipe Hub © 2025 | Developed with ❤️ by Saikam Krishna Reddy