โปรเจ็กต์นี้สร้างขึ้นโดยนักศึกษา 4 คนที่เข้าเรียนที่ Blekinge Institute of Technology ในการเขียนโปรแกรมเว็บ เราได้รับมอบหมายงานให้สร้างระบบสำหรับบริษัทสกู๊ตเตอร์ โดยเหนือสิ่งอื่นใดคือสร้างเว็บแอปที่ปรับให้เหมาะกับอุปกรณ์เคลื่อนที่สำหรับลูกค้า เว็บอินเทอร์เฟซสำหรับผู้ดูแลระบบ โปรแกรมจำลองสำหรับสกู๊ตเตอร์ไฟฟ้า โปรแกรมอัจฉริยะในจักรยาน และ 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
เวลา 13.00 น. เริ่มต้น
อ๊ะ! อย่าลืมส่งไฟล์ env ของคุณในคำสั่ง docker run
นักเทียบท่าวิ่ง -it jamestjata01/spark-rentals-admin-dashboard:latest
วิธีใช้แดชบอร์ดผู้ดูแลระบบ: http://localhost:3000