SparkRentals Admin Dashboard

SparkRentals プロジェクトの管理者ダッシュボード

コンテンツ

• について
• ダウンロード
• 使用法
• ライセンスとツール

について

このプロジェクトは、ブレーキンゲ工科大学で Web プログラミングを学ぶ 4 人の学生によって作成されました。私たちは、スクーター会社向けのシステムを作成するという任務を与えられました。そこでは、顧客向けのモバイル対応 Web アプリ、管理用 Web インターフェイス、電動スクーター用のシミュレーション プログラム、自転車のインテリジェンス プログラムなどを作成することになりました。もう 1 つは、システム全体から情報を配布および取得し、データベースに情報を保存する Rest API です。

プロジェクト全体は https://github.com/FalkenDev/V-Team-SparkRentals から入手できます。

背景

管理者ダッシュボードは、管理者がログインしてシステムを管理できる Web サイトになります。管理者は、システム内のすべての都市、スクーター、ユーザー アカウントを管理できるようになります。最初のページでは、登録されているすべての都市、スクーター、ユーザーに関する一般情報を表示できる必要があります。地図、都市部、スクーター、顧客に関するサブページが用意されます。各ページには、ユーザーがそのページがカバーする領域を監視および管理できるようにするための目的があります。

ページは 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:latest

使用法

管理者ダッシュボードを使用するには: http://localhost:3000

ライセンスとツール