Online Food Delivery Website

A React-based food delivery web app built with modern tools. The site is live at https://online-food-delivery-website-react.vercel.app

What This Does

This is a frontend for ordering food online. Browse restaurants and food items, add stuff to your cart, and checkout. Pretty straightforward stuff.

Tech Stack

• React 19 - UI framework
• Vite - build tool and dev server
• Tailwind CSS - styling
• React Router 7 - navigation
• React Icons - icon library

Getting Started

First time setup:

npm install

Run the dev server:

npm run dev

Open your browser and go to the local URL it gives you (usually http://localhost:5173).

To build for production:

npm run build

Check the production build locally:

npm run preview

Project Structure

src/
├── components/     - React components
├── pages/         - Page components
├── styles/        - CSS files
└── App.jsx        - Main app component

Features

• Browse food items from different restaurants
• Add items to cart
• Place orders
• Responsive design that works on mobile and desktop

Known Issues / TODO

• Need to add payment integration
• User authentication not done yet
• Filter and search functionality could be better
• Mobile nav could use some work

Deployment

The site is deployed on Vercel. Just push to the main branch and it deploys automatically.

Contributing

Feel free to fork and submit PRs if you want to improve something.

License

No specific license yet.

Repository

https://github.com/DusuTimothy/Online-Food-Delivery-website-React