A full-stack web application inspired by Swiggy, replicating its core functionality and user experience. Built to practice real-world web development, database design, and secure user authentication using modern technologies across the MERN stack.
- 🧭 Discover restaurants and explore menus
- 👤 User registration and login with secure JWT authentication
- 🛒 Add items to cart, place orders (simulated)
- 🧾 Manage orders, view order history
- 💻 Responsive and modern UI using Tailwind CSS
- 🔐 Protected routes for logged-in users
Frontend:
- React.js
- Tailwind CSS
- Axios
Backend:
- Node.js
- Express.js
- MongoDB
- JWT (JSON Web Tokens) for authentication
- Node.js and npm installed
- MongoDB installed and running locally
root/
├── Frontend/ # React frontend
└── Backend/ # Express backend \
- Clone the repository
git clone https://github.com/Eish-1/SWIGGY.git
cd SWIGGY- Install Dependencies
cd Frontend && npm install # for frontend
cd ../Backend && npm install # for backend- Start Development Servers
cd Frontend && npm run dev # start backend server
cd ../Backend && npm start # start frontend- Environment Variables
Create a .env file in the /server directory with the following:
PORT=5000
MONGO_URI=mongodb://localhost:27017/swiggyclone
JWT_SECRET=your_jwt_secret
- For viewing restaurants and menu items
- For Login or registration:
- Viewing orders, carts and owner’s restaurants:
-
Implemented full-stack features using the MERN stack
-
Strengthened API handling, secure authentication, and role-based access
-
Gained experience with React hooks, routing, and state management
Payment gateway integration (Razorpay/Stripe)
Admin dashboard for restaurant partners
Order tracking and delivery simulation
Better error handling and 404 pages