TOPIK Games
데모 (완료)토픽 게임
진행률100%
2026.03
1명 (풀스택 개발)
프로젝트 설명
한국어능력시험(TOPIK) 준비를 게임처럼 즐길 수 있는 학습 앱입니다.
- Framer Motion 애니메이션 UI + 학습 진도 추적
- 읽기/듣기/쓰기 영역별 TOPIK 기출문제 게임형 풀이
- localStorage 기반 레벨별/영역별 달성률 저장
기술 스택
React 19ViteTypeScriptFramer MotionTailwind
아키텍처
사용자 (Web)
└─ React 19 + Vite
├─ TOPIK 문제 풀이 (레벨별)
├─ Framer Motion (애니메이션)
└─ localStorage (학습 진도 저장)React 19 + Vite SPA로 TOPIK 문제를 게임처럼 풀 수 있는 학습 앱입니다. Framer Motion으로 인터랙티브 애니메이션을 적용했습니다.
주요 기능
TOPIK 문제 풀이
읽기/듣기/쓰기 영역별 TOPIK 기출문제를 게임 형식으로 풀이
애니메이션 UI
Framer Motion으로 문제 전환/정답 확인/점수 표시 등 인터랙티브 애니메이션
학습 진도 추적
localStorage에 학습 진도 저장. 레벨별/영역별 달성률 표시
기능
#TOPIK 문제 풀이#애니메이션 UI#학습 진도 추적
