고령 이륜차 운전자를 위한 안전 교육 게임
안전교육을 재밌게!
별 따라 안전 운전은 웹 기반 안전 교육 게임입니다.
기존의 지루한 강의식 교육을 벗어나 몰입감 높은 인터렉티브 게임을 통해 재미있고 효과적인 안전 교육을 제공합니다.
- 연령대: 65세 이상 고령자 이륜차 운전자자
- 지역: 농촌 지역 (예산군 등등)
- 환경: 교육자의 1:1 지도 하에 태블릿 사용
🏠 시작 화면 → 🎬 프롤로그 → 🏍️ 주행 시뮬레이션 → 📊 안전 리포트 → 🪪 수료증 발급 → 🏆 마을 랭킹
| 퀘스트 주제 | 게임 방식 |
|---|---|
| 1. 안전모 착용 | 카드 쌍 맞추기 게임 |
| 2. 포트홀 안전 주행 | 상황별 선택 퀘스트 |
| 3. 음주 운전 예방 | 막걸리 치우기 게임 |
| 4. 과수원 안전 주행 | 상황별 선택 퀘스트 |
| 5. 야간 주행 자제 | 시간 설정 인터랙티브 게임 |
React 18.2.0
TypeScript 4.9.5
Tailwind CSS 3.3.0
Vite 4.4.5Firebase 9.23.0
Firestore Database
Firebase HostingGit Flow 전략 사용
├── main: 프로덕션 배포용
├── feature/*: 기능별 개발 브랜치
└── hotfix/*: 긴급 수정 브랜치- Node.js 18.0.0 이상
- npm 또는 yarn
# 저장소 클론
git clone https://github.com/your-username/follow-star-safe-driving.git
cd follow-star-safe-driving
# 의존성 설치
npm install
# 환경 변수 설정
cp .env.example .env.local
# Firebase 설정 정보 입력
# 개발 서버 실행
npm run dev# 프로덕션 빌드
npm run build
# Firebase 배포
npm run deploy| 이름 | 역할 | 담당 업무 | 연락처 |
|---|---|---|---|
| 유지혜 | 팀장, PM | 프로젝트 관리, 사업 기획 | jihyeyu33@hanyang.ac.kr |
| 김소민 | UI/UX Designer | 디자인 시스템, 사용자 경험 설계 | thals304@hanyang.ac.kr |
| 김서현 | Frontend Developer | React 컴포넌트, 게임 로직 구현 | dianwls0326@hanyang.ac.kr |
| 이현호 | Frontend Developer | 상태 관리, 성능 최적화 | kclhh4318@hanyang.ac.kr |
| 이정재 | Backend Developer | Firebase 연동, 데이터 관리 | jjlee9903@hanyang.ac.kr |
| 기관 | 역할 | 기여 내용 |
|---|---|---|
| 한양대학교 불가사리팀 | 개발팀 | 게임 설계, 프론트엔드/백엔드 구현 |
| 한양대학교 | 지도 교수 | 프로젝트 지도 |
| (주)별따러가자 | 기술파트너 | 사고 데이터 제공, 필드 검증 지원 |
| 카카오임팩트 | 운영 지원 | 프로젝트 운영 |
| 한국교통안전공단 | 감수기관 | 안전교육 내용 검수, 효과성 검증 |
| 충청남도 예산군청 | 운영파트너 | 시범사업 대상자 모집, 현장 지원 |
본 프로젝트는 카카오임팩트 테크포임팩트 프로그램을 통해 개발되었습니다.
⭐ 이 프로젝트가 도움이 되셨다면 Star를 눌러주세요!
Safety Education Game for Elderly Motorcycle Riders
Make Safety Education Fun!
Follow the Star Safe Driving is a web-based safety education game.
Moving away from traditional boring lecture-style education, we provide fun and effective safety education through highly immersive interactive games.
- Age: 60-80 years old elderly motorcycle drivers
- Region: Rural areas (Yesan County, etc.)
- Environment: Tablet use under 1:1 guidance from educator
🏠 Start Screen → 🎬 Prologue → 🏍️ Driving Simulation → 📊 Safety Report → 🪪 Certificate Issuance → 🏆 Village Ranking
| Quest Theme | Game Method |
|---|---|
| 🪖 Helmet Wearing | Card Matching Game |
| 🕳️ Pothole Safe Driving | Situational Choice Quest |
| 🍶 Drunk Driving Prevention | Rice Wine Removal Game |
| 🍎 Orchard Safe Driving | Situational Choice Quest |
| 🌙 Night Driving Restraint | Time Setting Interactive Game |
React 18.2.0
TypeScript 4.9.5
Tailwind CSS 3.3.0
Vite 4.4.5Firebase 9.23.0
Firestore Database
Firebase HostingGit Flow Strategy
├── main: Production deployment
├── feature/*: Feature-specific development branches
└── hotfix/*: Emergency fix branches- Node.js 18.0.0 or higher
- npm or yarn
# Clone repository
git clone https://github.com/your-username/follow-star-safe-driving.git
cd follow-star-safe-driving
# Install dependencies
npm install
# Set environment variables
cp .env.example .env.local
# Enter Firebase configuration information
# Run development server
npm run dev# Production build
npm run build
# Firebase deployment
npm run deploy| Name | Role | Responsibilities | Contact |
|---|---|---|---|
| Jihye Yu | Team Leader, PM | Project management, business planning | jihyeyu33@hanyang.ac.kr |
| Somin Kim | UI/UX Designer | Design system, user experience design | thals304@hanyang.ac.kr |
| Seohyun Kim | Frontend Developer | React components, game logic implementation | dianwls0326@hanyang.ac.kr |
| Hyunho Lee | Frontend Developer | State management, performance optimization | kclhh4318@hanyang.ac.kr |
| Jeongjae Lee | Backend Developer | Firebase integration, data management | jjlee9903@hanyang.ac.kr |
| Organization | Role | Contribution |
|---|---|---|
| Hanyang University Bulgasari Team | Development Team | Game design, frontend/backend implementation |
| Hanyang University | Faculty Advisor | Project Supervision |
| Starpickers Co., Ltd. | Brian Fellow | IoT data integration, field validation support |
| Kakao Impact | Operational Support | Project Operational Support |
| Korea Transportation Safety Authority | Supervisory Organization | Safety education content review, effectiveness verification |
| Yesan County Office, Chungcheongnam-do | Operation Partner | Pilot program participant recruitment, field support |
This project was developed through the Kakao Impact Tech for Impact Program.
⭐ If this project helped you, please give us a Star!
