SparkRentals Admin Dashboard

SparkRentals 專案的管理儀表板

內容

• 關於
• 下載
• 用法
• 許可證和工具

關於

該計畫由布萊金厄理工學院網路程式設計專業的 4 名學生創建。我們的任務是為一家踏板車公司創建一個系統，除此之外，我們將為客戶創建一個適合行動裝置的 Web 應用程式、管理 Web 介面、電動踏板車的模擬程式、自行車中的智慧程式Rest API，用於從整個系統分發和檢索資訊並將資訊儲存在資料庫中。

整個專案位於：https://github.com/FalkenDev/V-Team-SparkRentals

背景

管理儀表板將是管理員可以登入和管理系統的網站。管理員將能夠管理系統中的所有城市、滑板車和使用者帳戶。在第一頁上，應該可以查看所有註冊城市、滑板車和用戶的一般資訊。將會有地圖、市區、踏板車和客戶的子頁面。每個頁面都有一個目的，讓使用者能夠監督和管理頁面所涵蓋的區域。

該頁面將使用 ReactJs 製作並從我們的 REST API 檢索資料。 Tailwind 將用作該樣式的 CSS 框架。 React 路由器庫將用於導航，因為 React 從一開始就沒有頁面路由。

下載

所需的環境變數

.env:

 # Rest API
REACT_APP_REST_API_KEY="React API KEY"
REACT_APP_API_URL="http://localhost:8393/v1"

# Configs
# For the Live Preview Map Update
REACT_APP_MAP_UPDATE_INTERVAL_BOOLEAN=1
REACT_APP_MAP_UPDATE_INTERVAL=1000

在本地運行

• 分叉專案/下載專案。

npm 安裝

• 建立 .env 檔案並插入環境變數並更改輸入。

npm 啟動

在 Docker 上運行

哦！不要忘記在 docker run 命令中發送你的 env 文件

docker run -it jamestjata01/spark-rentals-admin-dashboard:最新

用法

若要使用管理儀表板：http://localhost:3000

許可證和工具