렌토(RENTO) ✨

🎀 프로젝트 소개

🏷 프로젝트 명 : 렌토(RENTO)

🗓️ 프로젝트 기간 : 2025.04 ~ 2025.07 (10주)

👥 구성원 : 김승훈(팀장 👑), 이승현, 권동욱, 장병중, 박소윤

🖥️ 백엔드 : https://github.com/Kernel360/KBE5-Rento-BE

---

🥰 서비스 구경 바로가기

🎥 소개 영상 보기 : Rento

---

✅ 기획 배경

최근에는 차량을 소유하기보다는 렌트카나 차량 공유 서비스를 필요할 때마다 이용하는 방식이 보편화되고 있습니다. 이에 따라 차량 사용 이력과 상태를 효율적으로 관리할 수 있는 관제 시스템의 필요성이 커지고 있습니다.

특히 법인 차량의 경우, 여러 사용자가 한 차량을 공유함에 따라 운행 이력 관리가 복잡해지고 있으며, 수기 작성 방식의 운행일지 작성에도 많은 불편함이 존재합니다.

우리는 이러한 문제를 해결하기 위해 차량 관제 플렛폼을 기획.개발하고자 합니다.

---

✅ 서비스 소개

Rento는 기업이나 기관이 보유한 차량을 보다 효율적으로 관리할 수 있도록 지원하는 통합 차량 관제 플랫폼입니다.

이 플랫폼은 실시간 위치 추적, 운행 기록 관리, 예약 및 사용자 관리 등 차량 운영에 필요한 주요 기능들을 하나의 시스템에서 통합적으로 제공합니다.

이 플랫폼을 통해 사용자는:

• 차량의 사용 이력(사용 시간, 이동 경로 등)을 조회하여 정상적인 운행 여부를 확인할 수 있습니다
• 주행 기록을 기반으로 자동 운행일지를 생성하여 효율적인 차량 관리를 할 수 있습니다.

---

👥 서비스 대상

• 법인 및 공공기관
• 렌터카 업체
• 차셰어링 서비스 운영 기업

💌 서비스 화면 및 기능 소개

로그인

통계 대시보드

부서 및 사용자 등록

차량 등록

운행 예약 및 상세 보기

실시간 관제

🛠 기술 스택

🌐 WEB

🗄 DB

⚙ DevOps

💻 Tools

🗂 프로젝트 구조

프로젝트 구조를 보시려면 클릭해주세요!

frontend/
├── public/
│   ├── favicon.ico
│   ├── firebase-messaging-sw.js
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   ├── Rento.png
│   └── robots.txt
├── src/
│   ├── App.tsx
│   ├── index.tsx
│   ├── index.css
│   ├── vite-env.d.ts
│   ├── firebase-messaging.js
│   ├── components/
│   │   ├── layout/
│   │   │   ├── LandingButtons.tsx
│   │   │   └── Logo.tsx
│   │   ├── pages/
│   │   │   ├── CompanyRegisterPage.tsx
│   │   │   ├── DashBoardPage.tsx
│   │   │   ├── DriveListPage.tsx
│   │   │   ├── LandingPage.tsx
│   │   │   ├── ManagerLoginPage.tsx
│   │   │   ├── ManagerRegisterPage.tsx
│   │   │   ├── RealTimeEventPage.tsx
│   │   │   ├── UserManagementPage.tsx
│   │   │   ├── VehicleFleetPage.tsx
│   │   │   └── dashboardcard/
│   │   │       ├── ActiveReservationsCard.tsx
│   │   │       ├── OperationLogsCard.tsx
│   │   │       ├── StatCardBase.tsx
│   │   │       ├── StatCardGrid.tsx
│   │   │       ├── TotalDriversCard.tsx
│   │   │       └── TotalVehiclesCard.tsx
│   │   ├── drive/
│   │   │   ├── DriveCard.tsx
│   │   │   ├── DriveDetailPage.tsx
│   │   │   ├── DriveFilter.tsx
│   │   │   ├── DriveList.tsx
│   │   │   ├── DriveRegisterModal.tsx
│   │   │   └── KakaoMap.tsx
│   │   ├── vehicle/
│   │   │   ├── VehicleAddButton.tsx
│   │   │   ├── VehicleAddModal.tsx
│   │   │   ├── VehicleDetailPage.tsx
│   │   │   ├── VehicleEditModal.tsx
│   │   │   ├── VehicleFilter.tsx
│   │   │   ├── VehiclePagination.tsx
│   │   │   ├── VehicleStats.tsx
│   │   │   └── VehicleTable.tsx
│   │   ├── firebase/
│   │   │   └── FirebaseToken.js
│   │   ├── company/
│   │   │   └── CompanyRegisterForm.tsx
│   │   ├── manager/
│   │   │   ├── ManagerLoginForm.tsx
│   │   │   └── ManagerRegisterForm.tsx
│   │   ├── layout/
│   │   │   ├── LandingButtons.tsx
│   │   │   └── Logo.tsx
│   │   ├── Sidebar.jsx
│   │   ├── Footer.jsx
│   │   ├── Header.jsx
│   │   ├── Header.module.css
│   │   ├── Layout.jsx
│   │   ├── UserModal.js
│   │   ├── UserTable.js
│   │   ├── DepartmentGrid.js
│   │   ├── DepartmentGrid.tsx
│   │   ├── DepartmentModal.js
│   │   └── firebase/
│   │       └── FirebaseToken.js
│   ├── contexts/
│   │   └── CompanyContext.tsx
│   ├── services/
│   │   ├── departmentService.ts
│   │   └── memberService.ts
│   ├── types/
│   │   ├── drive.ts
│   │   ├── index.ts
│   │   ├── vehicle.ts
│   │   └── types.js
│   └── utils/
│       ├── axios.ts
│       ├── dateFormatter.ts
│       └── errorHandler.ts
├── package.json
├── package-lock.json
├── tailwind.config.js
├── postcss.config.js
├── craco.config.js
├── tsconfig.json
├── README.md
└── .gitignore