Food Delivery Website 🍜

A food delivery website build with mongodb, express, reactjs and nodejs.

💡About this project

I built full responsive and modern food delivery website. In this project you can go home page, menu, mobile app, contact us and also admin page. And also actually you can add food or more food your basket. Then by clicking the basket icon, you can go peyment page. You'll detail see how much does cost that food also you can enter your credit card information that payment page, and then finishing the food order. I added admin page some tracking information for your orders. You can see new order and last order information that admin page and also you are following the food process. Last thing some restaurant owner will be able to add food.

⚡Technologies

• MONGODB
• EXPRESS
• REACT JS
• NODE JS

🚦 Running the Project

To run the project in your local environment, follow these steps: ⬇️

1️⃣ You need:

• Vite Tool
• NodeJs.
• Database (MongoDB) Free Cluster.

2️⃣ Create .env file:

Create a .env file to store your credentials:

• MONGODB_URI=mongodb+srv://<username>:<password>@clusterName.xxxxxxx.mongodb.net/food-del

3️⃣ Download npm packages and Vite tool:

For the backend side follow these steps: ⬇️

1. Run npm install in the project directory to install the required dependencies.
2. Run npm run dev to get the project started.
3. Open http://localhost:4000 (or the address shown in your console) in your web browser to view the app.

For the frontend side follow these steps: ⬇️

1. Run cd mern-food-delivery-website/frontend/ & cd mern-food-delivery-website/admin/ should go both folder field.
2. Run npm install in the project directory to install the required dependencies.
3. Run npm run dev to get the project started.
4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.

🌍 How it looks

📸 - Demo Images