SparkRentals Admin Dashboard
1.0.0
Dieses Projekt wurde von 4 Studenten erstellt, die am Blekinge Institute of Technology Webprogrammierung studieren. Wir erhielten die Aufgabe, für ein Rollerunternehmen ein System zu erstellen, in dem wir unter anderem eine mobil angepasste Web-App für den Kunden, eine administrative Webschnittstelle, ein Simulationsprogramm für die Elektroroller und ein Intelligenzprogramm im Fahrrad erstellen würden und eine Rest-API, die Informationen vom gesamten System verteilt und abruft und die Informationen in einer Datenbank speichert.
Das gesamte Projekt ist verfügbar unter: https://github.com/FalkenDev/V-Team-SparkRentals
Das Admin-Dashboard ist eine Website, auf der sich der Administrator anmelden und das System verwalten kann. Der Administrator kann alle Städte, Roller und Benutzerkonten im System verwalten. Auf der ersten Seite sollen allgemeine Informationen zu allen registrierten Städten, Rollern und Nutzern einsehbar sein. Es wird Unterseiten für Karte, Stadtgebiete, Roller und Kunden geben. Jede Seite dient dem Benutzer dazu, den von der Seite abgedeckten Bereich zu überwachen und zu verwalten.
Die Seite wird mit ReactJs erstellt und ruft Daten von unserer REST-API ab. Als CSS-Framework für den Stil wird Tailwind verwendet. Für die Navigation wird die React-Router-Bibliothek verwendet, da React von Anfang an kein Seitenrouting hat.
.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 installieren
npm-Start
OPS! Vergessen Sie nicht, Ihre Env-Datei im Docker-Run-Befehl zu senden
docker run -it jamestjata01/spark-rentals-admin-dashboard:latest
So verwenden Sie das Admin-Dashboard: http://localhost:3000
