A MERN stack web application inspired by the reels format, but designed for food discovery. Food partners can upload short, aesthetic food reels to showcase their items, and users can explore, like, and visit partner store pages to view more offerings and contact details.
- Food Partner Reels – Upload and showcase short food reels.
- Like System – Users can like reels, stored in real time in the database.
- Profile/Store Pages – Partners have dedicated profiles with their reels, items, and contact details.
- Authentication – Secure login/signup for users and food partners with role-based access.
- Responsive Design – Built with React and TailwindCSS for a seamless mobile-first experience.
FoodScrollRecording.mp4
- Frontend: React.js, TailwindCSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JWT
- Other: REST API
Food-Reels-App/
├── backend/ # Express.js backend
│ ├── models/ # Mongoose schemas
│ ├── routes/ # API routes
│ └── server.js # Entry point
├── frontend/ # React.js frontend
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Page components
│ │ └── App.js # Main app
└── README.md
- Node.js (v16+)
- MongoDB (local or cloud e.g. MongoDB Atlas)
# Clone the repository
git clone https://github.com/your-username/food-reels-app.git
# Install dependencies for backend
cd backend
npm install
# Install dependencies for frontend
cd ../frontend
npm install# Start backend (from backend folder)
npm run dev
# Start frontend (from frontend folder)
npm start- Comment system for reels
- Search and filter by cuisine or location
- Deployment with cloud hosting
Contributions, issues, and feature requests are welcome! Feel free to fork this repo and submit a pull request.
This project is licensed under the MIT License.