Home > Web Front-end > JS Tutorial > Food Delivery App

Food Delivery App

Susan Sarandon
Release: 2025-01-09 07:25:41
Original
758 people have browsed it

Beefood
A user-friendly app for ordering food from local restaurants with real-time tracking. Frontend builds with react.

Check it out now: https://beefood.netlify.app/

GitHub Link: https://github.com/mahmud-r-farhan/food-delivery-app

Food Delivery App mahmud-r-farhan / food-delivery-app

Bee Food is a convenient food delivery app that lets users order from local restaurants and have meals delivered to their doorstep quickly.

Food Delivery Website

A modern, responsive food delivery website built with React, Vite, and Tailwind CSS.

Features

  • Restaurant listings with menu items
  • Search and filter options for cuisines
  • Simple order placement system
  • Order progress tracker with real-time map
  • Dark mode and light mode toggle
  • Responsive design for all devices
  • Chat support option
  • Toast notifications for user actions

Getting Started

Follow the steps below to get your local copy of the project up and running:

Prerequisites

Make sure you have the following installed:

  • Node.js (v14 or later)
  • npm (v6 or later)

Installation

  1. Clone the repository:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Copy after login
    Copy after login
    Enter fullscreen mode Exit fullscreen mode
  2. Navigate to the project folder:

    cd food-delivery-app
    Copy after login
    Copy after login
    Enter fullscreen mode Exit fullscreen mode
  3. Install the dependencies:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Copy after login
    Copy after login
    Enter fullscreen mode Exit fullscreen mode

Running the Project

  1. Start the development server:

    cd food-delivery-app
    Copy after login
    Copy after login
    Enter fullscreen mode Exit fullscreen mode
  2. Open your browser and go to http://localhost:3000 to see the app in action.

Build for Production

To build the project for production:

npm install
Copy after login
Enter fullscreen mode Exit fullscreen mode

This will create a dist/ directory…

View on GitHub
beefood.netlify.app

Feel free to contact me: https://gravatar.com/floawd

Follow on Github: https://github.com/mahmud-r-farhan

The above is the detailed content of Food Delivery App. For more information, please follow other related articles on the PHP Chinese website!

source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template