Maison >interface Web >js tutoriel >Application de livraison de nourriture

Application de livraison de nourriture

Susan Sarandon
Susan Sarandonoriginal
2025-01-09 07:25:41761parcourir

Bœuf
Une application conviviale pour commander de la nourriture dans des restaurants locaux avec suivi en temps réel. Le frontend est construit avec React.

Découvrez-le maintenant : https://beefood.netlify.app/

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

Food Delivery App mahmud-r-farhan / application-de-livraison-de-nourriture

Bee Food est une application pratique de livraison de nourriture qui permet aux utilisateurs de commander dans des restaurants locaux et de se faire livrer rapidement leurs repas à leur porte.

Site Web de livraison de nourriture

Un site Web de livraison de nourriture moderne et réactif construit avec React, Vite et Tailwind CSS.

Caractéristiques

  • Listes de restaurants avec éléments de menu
  • Options de recherche et de filtrage des cuisines
  • Système de passation de commande simple
  • Suivi de la progression des commandes avec carte en temps réel
  • Basculer le mode sombre et le mode clair
  • Conception réactive pour tous les appareils
  • Option d'assistance par chat
  • Notifications Toast pour les actions des utilisateurs

Démarrage

Suivez les étapes ci-dessous pour que votre copie locale du projet soit opérationnelle :

Prérequis

Assurez-vous que les éléments suivants sont installés :

  • Node.js (v14 ou version ultérieure)
  • npm (v6 ou version ultérieure)

Installation

  1. Cloner le dépôt :

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Entrez en mode plein écran Quitter le mode plein écran
  2. Accédez au dossier du projet :

    cd food-delivery-app
    Entrez en mode plein écran Quitter le mode plein écran
  3. Installer les dépendances :

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    Entrez en mode plein écran Quitter le mode plein écran

Gérer le projet

  1. Démarrez le serveur de développement :

    cd food-delivery-app
    Entrez en mode plein écran Quitter le mode plein écran
  2. Ouvrez votre navigateur et accédez à http://localhost:3000 pour voir l'application en action.

Construire pour la production

Pour construire le projet pour la production :

npm install
Entrez en mode plein écran Quitter le mode plein écran

Cela créera un répertoire dist/…

Voir sur GitHub
beefood.netlify.app

N'hésitez pas à me contacter : https://gravatar.com/floawd

Suivez sur Github : https://github.com/mahmud-r-farhan

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn