フードデリバリーアプリ

Susan Sarandon
Susan Sarandonオリジナル
2025-01-09 07:25:41716ブラウズ

ビーフード
リアルタイムの追跡機能を備えた、地元のレストランに食べ物を注文するためのユーザーフレンドリーなアプリです。フロントエンドは React でビルドします。

今すぐチェックしてください: https://beefood.netlify.app/

GitHub リンク: https://github.com/mahmud-r-farhan/food-delivery-app

Food Delivery App マフムード・アール・ファルハン / フードデリバリーアプリ

Bee Food は、ユーザーが地元のレストランに注文し、すぐに玄関先まで食事を届けてくれる便利な食品配達アプリです。

フードデリバリーウェブサイト

React、Vite、Tailwind CSS で構築されたモダンでレスポンシブなフードデリバリー Web サイト。

特徴

  • メニュー項目を含むレストランリスト
  • 料理のオプションを検索してフィルタリングします
  • 簡単な注文システム
  • リアルタイムマップを備えた注文進行状況トラッカー
  • ダークモードとライトモードの切り替え
  • すべてのデバイスに対応したレスポンシブデザイン
  • チャットサポートオプション
  • ユーザーアクションのトースト通知

はじめに

以下の手順に従って、プロジェクトのローカル コピーを起動して実行します。

前提条件

以下がインストールされていることを確認してください:

  • Node.js (v14 以降)
  • npm (v6 以降)

インストール

  1. リポジトリのクローンを作成します:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    全画面モードに入る 全画面モードを終了します
  2. プロジェクト フォルダーに移動します:

    cd food-delivery-app
    全画面モードに入る 全画面モードを終了します
  3. 依存関係をインストールします:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    全画面モードに入る 全画面モードを終了します

プロジェクトの実行

  1. 開発サーバーを起動します:

    cd food-delivery-app
    全画面モードに入る 全画面モードを終了します
  2. ブラウザを開いて http://localhost:3000 に移動し、アプリの動作を確認します。

本番環境向けにビルド

実稼働用にプロジェクトをビルドするには:

npm install
全画面モードに入る 全画面モードを終了します

これにより dist/ ディレクトリが作成されます…

GitHub で表示
beefood.netlify.app

お気軽にご連絡ください: https://gravatar.com/floawd

Github でフォローしてください: https://github.com/mahmud-r-farhan

以上がフードデリバリーアプリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。