1
/
5

TOYPE(トーイップ)を制作

TOEICの英単語をタイピングの練習をしながら暗記できるWebアプリ。毎日英単語長を眺めるだけじゃつまらないし、効率が悪いと感じてしまう。そんな悩みを解決するのがこのTOYPE。ログインをしてMypageに入れば今まで間違えた英単語がリストアップされており、復習もできて効率的・効果的に英単語の学習を勧められます!


https://toeic-typing-game.vercel.app/ [アプリURL]

## 技術スタック

- Next.js, Typescript, Firebase, MUIを使用して作成いたしまた。


## 展望

- ユーザーが苦手な単語を打ち込んでその単語をタイピングゲームの問題としてプレイできる機能を追加。- - UX の向上

## 大変だったこと

  • 間違えた単語の判定機能 ユーザーがタイプミスした単語を的確に判定し、MyPage で正確に振り返られるようにする機能の実装は、データの管理やパフォーマンス最適化に工夫が必要でした。特に、重複した単語の扱いや結果の表示に関して細かな調整を行いました。
  • Firebase を用いたログイン機能とユーザー判定 初めて Firebase を使用したのでキャッチアップに多くの時間を要しました。また、ユーザーごとに DB からデータを取得することも非常に難しかったです。


Like Ryota Matsumoto's Story
Let Ryota Matsumoto's company know you're interested in their content