Skip to content

mysafedraw/Frontend

Repository files navigation

내가 그린 안전 그림

AI와 AR 기술을 활용해 어린이들이 재난 상황 대처 능력을 배울 수 있는 체험형 안전 교육 서비스


프로젝트 소개

🏆SSAFY 11기 2학기 자율 프로젝트 우수상🏆

24.10.14 ~ 24.11.19 (약 5주)

총 6명 (프론트 3 / 백 3)


시작 가이드

Installation

$ git clone
$ npm install
$ npm run dev

Stacks

Development

JavaScript TypeScript Next React Query TAILWIND CSS PWA


핵심 기능

⭐ 안전 사고 상황 제시 및 그림 그리기

  • 화재 등의 안전 사고 시나리오를 AR로 표시하며, 어린이들이 문제 해결을 위해 그림을 그림.

⭐ 2D 그림 AI 인식 및 3D 변환

  • AI가 어린이의 2D 그림을 실시간으로 인식하고, 이를 3D 모델로 변환하여 AR 환경에 적용.

⭐ 정답 확인 및 시뮬레이션

  • 어린이가 제출한 그림의 정답 여부를 확인하고 결과에 따른 시뮬레이션 제공.

⭐ 실시간 음성 및 텍스트 채팅

  • 어린이들 간 실시간 협업과 소통 지원.

⭐ 억울해요 및 매력적 오답 투표

  • 그림이 잘못 인식되었거나 창의적인 답변에 대해 어린이가 자신의 의견을 발표할 수 있도록 토론 공간 제공.
  • 창의적 오답에 대해 투표하며 재미와 참여를 유도.

⭐ 랭킹 시스템

  • 학습 활동과 창의성을 기준으로 점수를 부여하고 랭킹 제공.

주요 화면


랜딩페이지 & 캐릭터 선택

시나리오 선택 맵

게임방 접속 & 채팅

시나리오 & SAFE DRAW

시나리오 상호작용

실시간 토론 및 투표

About

삼성 청년 SW 아카데미 | AI 기반 어린이 안전 교육 AR 서비스🏫

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages