QuizLab은 사용자가 직접 문제를 만들고, 다양한 풀이 모드를 통해 반복 학습하며 성장할 수 있도록 설계된
모바일 퀴즈 학습 앱입니다.
자격증 공부를 하던 중, 자주 헷갈리는 문제만 따로 모아 반복 학습할 수 있는 서비스가 필요하다고 느꼈습니다.
기존의 문제집 제작 서비스는 선택지가 적었고, 있더라도 UX/UI 측면에서 아쉬운 점이 많았습니다.
이에 사용자가 직접 원하는 방식으로 문제집을 만들고,
핵심 기능과 직관적인 디자인을 모두 갖춘 학습 앱을 구현하고자 QuizLab을 기획했습니다.
-
문제집 생성 및 관리
- 폴더 단위로 문제집을 생성하고, 각 문제를 자유롭게 추가·편집
-
문제 풀이 모드
- ⏱️ 타이머 모드: 제한 시간 내 풀이 진행 및 자동 제출
- ✍️ 자유 모드: 시간 제한 없이 학습 중심으로 풀이 가능
-
풀이 결과 자동 저장
- 풀이 시점, 정답률, 소요 시간, 정확도 등의 결과 데이터 자동 기록
-
오답 복습 및 재풀이
- 틀린 문제만 자동 분류하여 오답 폴더로 저장
- 복습 모드에서 다시 풀이 가능하며, 문제별 메모 작성 지원
-
PDF 내보내기
- 문제집 또는 풀이 결과를 PDF로 변환해 인쇄 및 외부 공유 가능
- Firebase Auth 기반 로그인 및 사용자 관리
- 학습 데이터 통합 관리 및 개인 설정
- 향후 테마, 닉네임, 활동 기록 등의 사용자 맞춤 기능 확장 예정
[문제집 생성] → [문제 추가 / 편집] → [문제 풀이] → [결과 저장] → [기록 확인 & 복습]
사용자는 자신만의 문제집을 만들고, 다양한 풀이 모드로 문제를 푼 뒤, 결과를 저장하고 풀이 기록 탭에서 학습 이력을 확인할 수 있습니다.
- Framework: React Native (Expo)
- Language: TypeScript
- Styling: Nativewind (Tailwind for RN)
- Platform: Firebase
- Modules: Authentication, Cloud Firestore
| 카테고리 | 라이브러리 | 역할 |
|---|---|---|
| 라우팅 | expo-router |
Expo 환경에서의 화면 전환 및 스택 네비게이션 관리 |
| 스타일링 | nativewind, clsx |
Tailwind 문법 기반의 스타일링 및 조건부 클래스 처리 |
| UI & 애니메이션 | @gorhom/bottom-sheet, moti |
하단 모달 구현 및 자연스러운 인터랙션 애니메이션 적용 |
| PDF & 공유 (예정) | expo-print, expo-sharing |
문제집 및 풀이 결과를 PDF로 변환하고 외부 공유 기능 제공 예정 |
추후 추가될 예정입니다.
추후 추가될 예정입니다.
추후 추가될 예정입니다.
