DEV Community

Cover image for Food Delivery App
Mahmudur Rahman
Mahmudur Rahman

Posted on

Food Delivery App

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

GitHub logo 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
    
    Enter fullscreen mode Exit fullscreen mode
  2. Navigate to the project folder:

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

    npm install
    Enter fullscreen mode Exit fullscreen mode

Running the Project

  1. Start the development server:

    npm run dev
    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 run build
Enter fullscreen mode Exit fullscreen mode

This will create a dist/ directory…

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

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

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more