英語版

Web Design Typing Game

JS と TypeScript で構築された、Web 開発関連のキーワードに特化したタイピングゲームです。

特徴

• Web 開発キーワードによるリアルタイムタイピング練習
• 日本語入力対応
• スコア管理システム
• タイマーベースのゲームプレイ（60 秒）
• コードエディタ風のインターフェース
• キーボードショートカット対応

技術スタック

• Next.js 14.2.5
• React 18
• TypeScript
• SCSS モジュール
• React Bootstrap
• React Icons

始め方

1. 依存関係のインストール:

npm install

2. 開発サーバーの起動:

npm run dev

3. プロジェクトのビルド:

npm run build

4. 本番サーバーの起動:

npm run start

プロジェクト構成

• app - メインアプリケーションコンポーネント
• components - 再利用可能なコンポーネント
• styles - SCSS モジュール
• utils - ユーティリティ関数
• public - 静的アセット

操作方法

• ゲーム開始/リスタート: Enterキーを押す
• メインメニューに戻る:Escキーを押す