Skip to content

Kernel360/KBE5-Thisway-FE

Repository files navigation

Thisway-BE (렌트카 및 쉐어링카 관제를 위한 차량 관제 서비스 개발 프론트)

image

image

1. 프로젝트 개요

Thisway는 차량 운행 데이터를 기반으로 한 서비스 프로젝트입니다. 실시간으로 차량의 운행 기록(Trip Log)을 수집, 처리, 분석하여 사용자 및 관리자에게 유의미한 정보를 제공하는 것을 목표로 합니다.

본 프로젝트는 최신 기술 스택을 활용하여 대용량 트래픽 처리, 데이터의 정합성, 그리고 안정적인 서비스 운영을 지향합니다.

2. 주요 기능

  • 회원 및 인증/인가 (Member & Security)
    • JWT 기반의 토큰 인증 시스템
    • Spring Security를 활용한 역할(Role) 기반 접근 제어 (사용자, 기업, 관리자)
image image
  • 차량 관리 (Vehicle)
    • 사용자의 차량 등록, 조회, 수정, 삭제 (CRUD)
image
  • 차량으로부터 운행 데이터(시동 켜짐/꺼짐, 위치 등)를 RabbitMQ를 통해 비동기적으로 수신
image
  • 운행 기록 관리 (Trip Log)
    • 수신된 데이터를 가공하여 운행 기록(Trip Log)으로 저장
image
  • 운행 기록 조회 및 상세 정보 제공
image
  • 통계 (Statistics)
    • Spring Batch를 활용하여 일별/월별 운행 데이터 통계 처리
    • 사용자별, 차량별 운행 거리, 시간 등 다양한 통계 데이터 제공
image
  • 실시간 모니터링 (Monitoring)
    • Prometheus, Grafana를 이용한 실시간 애플리케이션 및 인프라 모니터링

3. 기술 스택

💻 Frontend Tech Stack

📋 상세 표로 보기 (접기/펼치기)
Category Technology Version Description
Framework & Library React ^18.2.0 메인 UI 라이브러리
Build Tool Vite ^4.5.2 모던 프론트엔드 개발/빌드 도구
Routing React Router ^6.23.0 클라이언트 사이드 라우팅
State Management Zustand ^5.0.5 가볍고 간편한 상태 관리
Styling MUI, Emotion, Styled Components ^5.15.14, ^11.11.0, ^5.3.11 UI 컴포넌트 & 스타일링
Data Fetching Axios ^1.6.8 HTTP API 통신
Data Visualization Recharts, MUI X-Charts ^2.15.4, ^8.5.3 데이터 시각화 차트 라이브러리
Utilities React Daum Postcode ^3.2.0 다음 주소 검색 서비스 연동

4. 아키텍처

인프라

image

ERD

image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors