RecipeShare is a full-stack web application where users can discover, share, and save their favorite recipes. This platform helps food lovers connect through cooking.
The idea behind RecipeShare is simple: provide a place where people can post their recipes, explore dishes from others, and bookmark the ones they love. This project was created to practice and demonstrate real-world full-stack development skills using tools like React, Node.js, and MongoDB.
- React 19
- React Router DOM v7
- Bootstrap 5 – for responsive UI
- Axios – for API communication
- Font Awesome – for clean icons
- Node.js with Express.js
- MongoDB with Mongoose
- JWT for authentication and route protection
Here are some key UI highlights from RecipeShare:
- 👤 User Authentication – Register, login, and logout securely
- 🍛 Add Recipes – Share recipes with ingredients and preparation steps along with images
- 🔍 Browse Recipes – Explore all public recipes
- 📱 Responsive UI – Works on mobile, tablet, and desktop