MenuCloud is a digital menu platform built with MERN Stack, It allows restaurant owners to create, manage, and share digital menus via unique QR codes for a seamless guest experience.
-
Clone the Repository
git clone https://github.com/prajesh8484/MenuCloud.git
-
Navigate to the Project Directory
cd MenuCloud -
Install Dependencies (Backend & Frontend)
# Install Backend Dependencies cd backend npm install # Install Frontend Dependencies cd ../frontend npm install
-
Environment Setup
Create a.envfile in thebackendfolder with the following credentials:PORT=5000 MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret CLOUDINARY_CLOUD_NAME=your_cloud_name CLOUDINARY_API_KEY=your_api_key CLOUDINARY_API_SECRET=your_api_secret
-
Start the Development Servers
You will need to run the backend and frontend servers concurrently.Backend:
cd backend npm run startFrontend:
cd frontend npm run dev -
Open the Project in a Browser
Open your browser and go to http://localhost:5173 to view the project.
- Dynamic Menu Management – Perform real-time CRUD operations and manage cloud-hosted image uploads seamlessly via Cloudinary.
- Secure Authentication – Robust JWT-based admin system ensuring protected access and data security.
- Smart Connectivity – Automatically generates unique restaurant URLs and QR codes for instant, hassle-free customer access.
- React Admin Dashboard – A streamlined interface for effortless menu editing and restaurant profile management.
- Responsive Public View – Beautiful, mobile-optimized menu page for a superior guest experience.