3D CAD Quiz Screenshot

プロジェクト概要

3次元CAD利用技術者試験の学習を支援する最新のWebアプリケーション。ゲーミフィケーション要素を取り入れ、楽しみながら効率的に3D CADの知識を身につけることができます。React 19とFirebaseを活用した高速で使いやすい学習プラットフォームです。

主要機能

クイズシステム

  • 10問チャレンジ
  • 模擬試験モード
  • ハードモード
  • カテゴリ別学習

学習管理

  • 進捗トラッキング
  • 復習モード
  • 統計分析
  • 難易度分析

ゲーミフィケーション

  • レベルシステム
  • ポイント獲得
  • 連続学習記録
  • リーダーボード

ソーシャル機能

  • プロフィール管理
  • プライバシー設定
  • 完全スコア祝福
  • 進捗共有
アプリを見る
3D CAD Quiz Additional Screenshot

技術スタック詳細

フロントエンド

  • React 19 + TypeScript
  • Vite（高速ビルド）
  • Tailwind CSS
  • Framer Motion
  • React Router

バックエンド・インフラ

  • Firebase Authentication
  • Firestore Database
  • Firebase Hosting
  • Vercel CDN

開発・運用

  • ESLint + Prettier
  • Git/GitHub
  • Claude Code
  • GitHub Actions（予定）

開発課題

285問の大量データ管理、リアルタイム統計計算、ゲーミフィケーション要素の実装、複雑な学習進捗管理システムの構築が主な課題でした。

解決手法

Firestore NoSQLの柔軟性を活用した効率的なデータ設計、React Context APIによる状態管理、Framer Motionによる滑らかなアニメーション実装で課題を解決しました。

プロジェクト成果

Google OAuth認証による簡単ログイン、豊富なゲーミフィケーション要素、詳細な学習分析機能により、ユーザーのモチベーション向上と効率的な学習をサポート。3次元CAD利用技術者試験の合格率向上に貢献しています。

285問

収録問題数

4種類

学習モード

リアルタイム

統計分析

PWA対応

モバイル最適化

アプリを見る