世界遺産クイズ (PWA)

プロジェクトの概要

ReactとTypeScriptを用いた世界遺産に関するクイズアプリです。Viteを使用することで爆速な開発環境・実行環境を構築し、ストレスのないユーザー体験を提供します。

PWA対応によるアプリライクな体験

Progressive Web App (PWA) に対応させることで、ネイティブアプリのようにホーム画面に追加でき、オフラインでも一部機能が利用可能。ブラウザの枠を超えた体験を目指しました。

技術的なこだわり

TypeScriptによる堅牢な開発
クイズのデータ構造や解答ロジックに厳密な型定義を施すことで、バグを未然に防ぎ、保守性の高いコードベースを実現しました。

コンポーネントのモジュール化
クイズ画面、結果表示、タイマーなど各機能をコンポーネント単位で分割。疎結合な設計により、機能追加や修正が容易な構造になっています。