A modern, full-stack MERN (MongoDB, Express, React, Node.js) food delivery application with beautiful UI/UX and responsive design.

mernapp/
├── frontend/          # React frontend application
│   ├── src/          # React components and screens
│   ├── public/       # Static files
│   └── package.json  # Frontend dependencies
│
├── backend/          # Node.js/Express backend
│   ├── Routes/       # API routes
│   ├── models/       # MongoDB models
│   ├── db.js         # Database configuration
│   ├── index.js      # Server entry point
│   └── package.json  # Backend dependencies
│
└── README.md         # This file

• Node.js (v14 or higher)
• MongoDB Atlas account
• npm or yarn

1. Clone the repository

   git clone <your-repo-url>
   cd mernapp

2. Setup Backend

   cd backend
   npm install

3. Setup Frontend

   cd frontend
   npm install

1. Start Backend Server

   cd backend
   node index.js

   Backend will run on: http://localhost:5000

2. Start Frontend (in a new terminal)

   cd frontend
   npm start

   Frontend will run on: http://localhost:3000

• 🔐 User Authentication (Login/Signup)
• 🍕 Browse Food Items by Categories
• 🔍 Search Functionality
• 🛒 Shopping Cart
• 💳 Payment Integration (Razorpay)
• 📦 Order History
• 📱 Fully Responsive Design
• 🎨 Modern UI/UX with Animations

• React.js
• React Router
• Bootstrap 5
• Material-UI Icons
• CSS3 with modern animations

• Node.js
• Express.js
• MongoDB with Mongoose
• JWT Authentication
• Razorpay Payment Gateway
• Google Generative AI (Chatbot)

Create a .env file in the backend folder:

RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret

Contributions are welcome! Feel free to open issues and pull requests.

This project is open source and available under the MIT License.

Created with ❤️ by SmartBite Team

Happy Coding! 🎉