Reactで4択クイズ作ってみた

はじめに

Reactで4択クイズを作成しました。以下のURLからサイトに飛べます。
(https://gakkki4411.github.io/FirstApp/)

作ったきっかけ

• 自分で1から作った作品がなかった
• 1から開発することでプログラミングスキルや問題解決能力を伸ばしたかった
• クイズが好きなので開発のモチベーションを保つことができると思った

工夫した点

• 時間を小数点第２位まで表示させた
  初めは整数のみ表示させていたのですが、小数点第２位まで表示させた方がプレッシャーを与えると考えこちらを採用しました。4択のクイズなので記述式に比べて回答するハードルは低いと思います。その点を考慮しました。

• ヒントを5秒ごとに表示させた
  ただの4択クイズだと味気ないと思ったので、ヒントを表示させました。

困難だったこと

時間を止める処理と正誤判定を一緒にするところが一番時間がかかりました。
インターネットでタイマーを実装しているサンプルを参考になんとか実装することができました。

最後に

自分で作るのって楽しいですね。これからも頑張ります。
(再掲)以下のURLからサイトに飛べます。
(https://gakkki4411.github.io/FirstApp/)