SparkRentals Admin Dashboard

SparkRentals 프로젝트의 관리 대시보드

콘텐츠

• 에 대한
• 다운로드
• 용법
• 라이센스 및 도구

에 대한

이 프로젝트는 Blekinge Institute of Technology에 웹 프로그래밍을 전공하는 4명의 학생이 제작했습니다. 우리는 스쿠터 회사를 위한 시스템을 만드는 임무를 맡았는데, 여기서는 무엇보다도 고객을 위한 모바일에 적합한 웹 앱, 관리 웹 인터페이스, 전기 스쿠터용 시뮬레이션 프로그램, 자전거의 지능 프로그램을 만들었습니다. 및 전체 시스템의 정보를 분산 및 검색하여 데이터베이스에 저장하는 Rest API를 포함합니다.

전체 프로젝트는 https://github.com/FalkenDev/V-Team-SparkRentals에서 확인할 수 있습니다.

배경

관리자 대시보드는 관리자가 로그인하여 시스템을 관리할 수 있는 웹사이트입니다. 관리자는 시스템의 모든 도시, 스쿠터 및 사용자 계정을 관리할 수 있습니다. 첫 번째 페이지에서는 등록된 모든 도시, 스쿠터 및 사용자에 대한 일반 정보를 볼 수 있어야 합니다. 지도, 도시 지역, 스쿠터 및 고객에 대한 하위 페이지가 있습니다. 각 페이지에는 사용자가 페이지가 다루는 영역을 감독하고 관리할 수 있는 목적이 있습니다.

페이지는 ReactJ로 만들어지며 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

라이센스 및 도구