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

Application de livraison de nourriture

Susan Sarandon
Libérer: 2025-01-09 07:25:41
original
758 Les gens l'ont consulté

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
    
    Copier après la connexion
    Copier après la connexion
    Entrez en mode plein écran Quitter le mode plein écran
  2. Accédez au dossier du projet :

    cd food-delivery-app
    Copier après la connexion
    Copier après la connexion
    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
    
    Copier après la connexion
    Copier après la connexion
    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
    Copier après la connexion
    Copier après la connexion
    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
Copier après la connexion
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!

source:dev.to
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal