RecipeRiot
A real-time chat platform built with modern technologies featuring instant messaging, smooth infinite scrolling, and scalable backend architecture.
Features
Recipe Search with API Integration
Search thousands of recipes in real-time using external food API with fast and optimized query handling.
Admin Panel for Content Management
Dedicated admin dashboard to add, update, and delete recipes along with moderation controls.
User Comments System
Users can post, view, and interact with comments on recipes with real-time updates and moderation support.
Favorite Recipes Feature
Users can save recipes to their favorites list for quick access and personalized experience.
Recipe CRUD Operations
Full create, read, update, and delete functionality for managing recipe data efficiently.
Role-Based Access Control (RBAC)
Separate access levels for admin and users ensuring secure operations and restricted admin functionalities.
Tech Stack
Frontend
Backend
Database
Cloud & Media
Security & Auth
System Architecture
Frontend
React + Context API
Backend
Node.js + Express + JWT
Database
MongoDB + Mongoose
MongoDB Atlas
Users + Messages + Conversations
Auth Flow
User
ChatNova
API Request
Access Token used
Backend
JWT + bycrpyt
Auth Token
Auth Token Verified
Recipe Riot
Api Succeed
Entity Relationship Design
Reciperiot Demo
Reciperiot Recipe Search & Admin Panel
React • Node.js • MongoDB • Recipe API • Admin Panel
RecipeRiot Screenshots
Recipe Search
Search recipes in real-time with fast API response
Recipe Categories
Browse recipes by food categories and filters
Individual Recipe Page
Detailed view with ingredients, instructions, and nutrition info
Comments & Ratings
Users can comment and rate recipes in real time
Liked Recipes
Save and manage favorite recipes for quick access
Auto Image Generation
Generate image from database
Future Goals
🍲 Category-Based Smart Search
Implementing advanced category-based filtering to help users quickly discover recipes based on cuisine type, diet preferences, and meal categories.
🎥 Recipe Video Integration
Adding video support for recipes so users can watch step-by-step cooking tutorials directly within the platform for better cooking experience.
💡 User Recipe Suggestions & Feedback System
Allowing users to suggest recipe improvements, corrections, and new ideas through a feedback system to improve recipe quality and engagement.
🤖 AI-Based Recipe Recommendation System
Integrating AI to suggest personalized recipes based on user preferences, history, and dietary patterns for a smarter cooking experience.
❤️ Advanced Personalization Engine
Building a user preference system that adapts homepage content based on liked recipes, search history, and favorite cuisines.
⚡ Performance Optimization with Caching
Implementing caching strategies for recipe search results to reduce API calls and improve overall application speed and responsiveness.