v1.0.3

AutoNotify v1.0.3

🐛 Bug Fixes

• 주간 위반 추이 차트 타임존 버그 수정 (UTC → 로컬 시간 기준 비교)
• 백엔드 미지원 기능 제거: 삭제 버튼(DELETE), 상태 토글(PATCH) — ReadOnly API에 맞게 정리
• 랜딩 페이지 3D 토글 버튼이 히어로 섹션 밖에서도 보이던 문제 수정
• 랜딩 페이지 3D 모드 시 스크롤이 잠기지 않던 문제 수정
• 네비게이션 로고 클릭 시 페이지 상단 이동 기능 추가

✨ New Features

• FCM 포그라운드 알림 핸들러 구현 (브라우저 네이티브 알림 표시)
• FCM onMessage 언마운트 시 cleanup 처리 (메모리 누수 방지)

♻️ Refactor

• FCM 등록 로직 정리: 미사용 registerFCM.ts 삭제, 중복 코드 제거
• 미사용 import 및 state 정리 (Swal, useState, token 등)

v1.0.2

AutoNotify v1.0.2

🐛 Bug Fixes

• 프론트엔드 API 경로를 백엔드에 맞게 전면 수정 (/api/v1/crud/ → /api/v1/)
• 필드명 매핑 수정 (car_number → ocr_result, car_speed → detected_speed, image_url → image_gcs_uri, is_checked → status, lane → camera_id)
• Violation 타입 인터페이스를 백엔드 Detection 모델과 일치하도록 재정의

✨ New Features

• 감지 통계 API 연동 (GET /detections/statistics/) — 대시보드 통계 카드에 서버 데이터 반영
• 알림 이력 API 연동 (GET /notifications/) — 서버 알림 이력 + 실시간 FCM 수신 통합
• 알림 센터에 전송 상태 배지 추가 (전송됨/대기/실패)

📄 Documentation

• frontend/docs/API.md 신규 작성 — 연동 현황, 미연동 API, 백엔드 필요 API 정리

v1.0.1

AutoNotify v1.0.1

🐛 Bug Fixes

• 랜딩 페이지와 대시보드 네비게이션 바 디자인 통일 (로고 크기, 패딩, 배경 스타일)
• 3D 모드에서 Spline iframe 조작 불가 문제 수정 (pointer-events 레이어 처리)

v1.0.0 - AutoNotify

AutoNotify v1.0.0

AI 기반 과속 차량 감지 시스템 프론트엔드 첫 릴리즈입니다.
기존 시스템을 릴리즈 하지 않았어서 디벨롭된 버전으로 첫 릴리즈를 시작하였습니다.

---

✨ New Features

랜딩 페이지

• Spline 3D 차량 모델 배경이 포함된 인터랙티브 랜딩 페이지
• 3D 차량 조작 모드 토글 (pointer-events 제어, 스크롤 모드 전환)
• Features, How It Works, Stats, CTA 섹션 구성
• React Router 기반 페이지 라우팅 (/ → 랜딩, /dashboard → 대시보드)

대시보드

• 과속 위반 차량 목록 조회 및 상세 정보 패널
• 위반 상태별 필터링 (전체 / 확인됨 / 미확인) 및 정렬
• 차량 번호판 검색 및 위반 이력 조회
• 위반 기록 삭제 (확인 모달 포함)
• 위반 확인 상태 토글 (PATCH API 연동)

데이터 시각화

• 주간/월간 위반 추이 차트 (AreaChart / BarChart 토글)
• 속도 분포 도넛 차트 (구간별 비율 표시)
• 차선별 위반 현황 바 차트

알림 시스템

• Firebase Cloud Messaging (FCM) 푸시 알림 연동
• 실시간 알림 센터 (읽음/안읽음 상태 관리)

---

🎨 Design

• 다크 테마 (#06080f) + Cyan 액센트 컬러 시스템
• 글래스모피즘 UI (backdrop-blur, 반투명 보더)
• 랜딩 페이지 ↔ 대시보드 디자인 통일
• 반응형 레이아웃 (모바일 ~ 데스크톱)

---

🛠 Tech Stack

• Framework: React 18 + TypeScript
• Build: Vite 6
• Styling: Tailwind CSS 3
• Charts: Recharts
• Routing: React Router DOM
• 3D: Spline (iframe embed)
• Push: Firebase Cloud Messaging
• Icons: Lucide React