英単語タイピングアプリ

https://ryoworks.com/typingapp

英単語学習とタイピング練習を組み合わせた、ゲーム形式のPWAアプリです。難易度を選択し、60秒以内にできるだけ多くの英単語を入力してスコアを競う構成にしました。スマートフォンでも使いやすいように、見やすいレイアウトと入力しやすさを意識して制作しています。

出題単語は Easy / Normal / Hard の3段階で管理し、スコア、残り時間、連続正解数、難易度別ハイスコアを表示できるようにしています。さらに、manifest.json と Service Worker を用いたPWA対応により、ホーム画面追加やオフライン利用も意識した構成にしています。

制作時間
5時間

使用技術
HTML / CSS / JavaScript / localStorage / manifest.json / Service Worker