Skip to content

Aditya07771/Food-Delivery-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Food Delivery App

πŸš€ Food Delivery App is a modern web application designed for seamless food ordering. Built with React, Vite, Context API, and Tailwind CSS, it delivers a smooth, responsive, and user-friendly experience.


🌟 Features

βœ… πŸ” Search Functionality – Quickly find your favorite dishes.
βœ… πŸ›‚ Cart System – Add/remove items from the cart dynamically.
βœ… ⚑ Real-Time Updates – Smooth UI interactions with instant updates.
βœ… πŸŒ™ Dark Mode – Toggle between dark and light themes.
βœ… πŸ›† State Management – Uses Context API & Redux Toolkit for scalability.
βœ… πŸ“Š Admin Panel (Optional) – Manage orders and users efficiently.


πŸš€ Tech Stack

Technology Usage
Frontend React.js (with Vite)
State Management Context API, Redux Toolkit
Styling Tailwind CSS
Backend (Optional) Node.js, Express.js
Database (Optional) MongoDB / Firebase
Authentication Firebase Auth / OAuth
Deployment Vercel / Netlify / Render

πŸ“Έ Screenshots

Homepage
Analytics Chart


πŸ› οΈ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/Aditya07771/Food-Delivery-App.git

2️⃣ Navigate to the Project Directory

cd Food-Delivery-App

3️⃣ Install Dependencies

npm install

4️⃣ Start the Development Server

npm run dev

πŸ”— The app should now be running at http://localhost:5173.


πŸš€ Backend Setup (Optional)

This project currently focuses on the frontend, but you can integrate a backend using Node.js and Express.js.

1️⃣ Setup a Simple Express Backend

mkdir backend && cd backend
npm init -y
npm install express cors dotenv mongoose

2️⃣ Create server.js

const express = require('express');
const cors = require('cors');

const app = express();
app.use(cors());
app.use(express.json());

app.get('/', (req, res) => {
    res.send('Food Delivery API is running...');
});

const PORT = process.env.PORT || 5000;
app.listen(PORT, () => console.log(`Server running on port ${PORT}`));

3️⃣ Run the Server

node server.js

🌍 Deployment

Frontend

  • Deploy on Vercel:
    npm run build
    vercel deploy
  • Deploy on Netlify:
    netlify deploy --prod

Backend

  • Deploy on Render or Heroku.

🎯 How to Contribute

πŸ‘₯ We welcome contributions! Follow these steps to contribute:

1️⃣ Fork this repository.
2️⃣ Clone your fork locally:

git clone https://github.com/<your-username>/Food-Delivery-App.git

3️⃣ Create a new branch for your feature:

git checkout -b feature-branch

4️⃣ Make your changes and commit:

git add .
git commit -m "Added a new feature"

5️⃣ Push your branch:

git push origin feature-branch

6️⃣ Open a Pull Request (PR) on GitHub.


🌟 Acknowledgments

  • Inspired by modern food delivery applications.
  • Open-source contributors who helped improve the project.

🌟 License

This project is licensed under the MIT License – feel free to use and modify it.


πŸ‘¨β€πŸ’» Author

Developer: Aditya Nishad


This README provides structured documentation, making it easy to install, contribute, and deploy. πŸš€
Let me know if you need any modifications!

About

Food Delivery App is my first website, featuring a seamless food ordering experience. It includes a powerful search functionality, state management using Context API, and a dynamic cart system. The app ensures a smooth user experience with real-time updates and an intuitive UI. πŸš€

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors