首頁 >web前端 >js教程 >送餐應用程式

送餐應用程式

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 建立的現代響應式食品配送網站。

特點

  • 有菜單項目的餐廳清單
  • 搜尋與過濾美食選項
  • 簡單的下單系統
  • 帶有即時地圖的訂單進度追蹤器
  • 深色模式與淺色模式切換
  • 適用於所有裝置的響應式設計
  • 聊天支援選項
  • 使用者操作的 Toast 通知

開始使用

按照以下步驟啟動並執行專案的本機副本:

先決條件

確保您已安裝以下軟體:

  • 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn