PickCar - 차량 관제 서비스

🚗 프로젝트 소개

PickCar는 법인 차량 관리의 모든 과정을 한 번에 해결하는 차량 관제 서비스입니다.

차량 할당부터 실시간 운행 관제, 반납 후 운행일지 자동 기록까지 체계적으로 관리할 수 있으며,
사원에게 차량을 쉽게 배정하고 운행 중인 차량의 위치와 상태를 실시간으로 모니터링하여 차량 관리의 편의성을 제공합니다.

📕 최종 발표 자료 보기

Pickcar_최종발표.pdf

✨ 핵심 기능

👥 사용자 관리

• 회원가입 및 로그인: 관리자와 사원으로 권한 분리
• 역할 기반 접근: 회원 권한에 따른 다른 기능/화면 제공

관리자

📈 대시보드

• 차량 정보 확인: 총 등록 차량, 예약된 차량, 점검중인 차량, 반납 예정(3일 이내)
• 목적지별 방문 현황: 전국 시단위별 차량 위치 수치화
• 일별 총 이동거리(km): 하루 총 이동 거리 그래프화
• 전인 가장 많이 이동한 사원, 공지시항

🗺️ 실시간 관제

• 관제 차량 목록: 관제를 원하는 차량 클릭시, SSE로 전달받은 데이터로 이동 위치 작성

🚙 차량 등록/관리

• 차량 등록: 차량 등록 기능
• 상태 변경: 차량 상태(정상, 점검중, 파손) 변경 기능

📊 운행일지

• 자동 운행일지 생성: ON → OFF 사이 주기정보 기반 운행 내역 자동 기록
• 상세 운행 정보:
  • 운행 차량 정보, 운행 시작/종료 시간, 총 이동 거리, 상세 이동 경로

🚐 사원 차량 할당

• 할당 확인: 사원 정보 및 할당 여부 확인
• 사원 차량 할당: 사원에게 차량 할당 기능

사원

🖥️ 에뮬레이터(비할당)

• 할당된 차량이 없음을 알림

🖥️ 에뮬레이터(할당)

• ON: Event On 데이터 전송, 1분마다 주기정보 전송
• OFF: Event Off 데이터 전송, 주기정보 전송 취소(만약 1분 전에 취소시 해당 초만큼만 전송), 운행일지 생성
• 반납: Event Returned 데이터 전송, 할당 반납 처리됨

🏗 시스템 아키텍처

프로젝트 구조

src/
├── assets/      # 이미지, 폰트 등 정적 파일
├── components/  # 재사용 가능한 컴포넌트
├── pages/       # 페이지 컴포넌트
├── styles/      # 전역 스타일
├── App.tsx      # 메인 앱 컴포넌트
└── main.tsx     # 앱 진입점

🛠 기술 스택

BE 보러가기

BE Repository 보러가기

👥 팀 정보

Frontend	Frontend	Frontend
김성훈	박영제	이승경

---

더 자세한 정보나 문의사항이 있으시면 언제든 연락해 주세요.