クイズアプリ

JavaScript

PostgreSQL

HTML

TailwindCSS

Svelte

ブラウザ上で英単語の勉強をしよう! 友達と対戦だってできる!

184s6vhfeng

那須美佐紀

NyaNyaGame

pan

推しアイデア

個人で単語勉強するだけでなく、誰かと対戦もできる!正解すればするだけ問題が難しくなる?!最後には間違えた問題を振り返ったり自分の正解率もわかるから勉強しやすい!

作った背景

チームメンバーそれぞれ全く違う言語を勉強していたり完全初心者が2人いる中で作りやすく追加機能次第では難易度も調整できると感じたため、WEB上でのゲームにしました

推し技術

Svelte Supabase

プロジェクト詳細

概要

①ロビー画面  ‐スタート  ‐ルームを作成  ‐ルームに参加  ‐ランキング ②ゲーム画面  英語単語が一つ表示されるので、制限時間内に4つの選択肢の中から適する日本語を選択する。 正解すると1点付与され、制限時間内に答えられないとタイムオーバーとなり終了する。 ③結果画面  スコア・連続正解数・正解率・Goodなど4段階評価・出題問題の履歴

機能一覧

・時間制限   5問以上連続正解すると1秒追加、1問不正解の場合1秒短縮 ・スコア表示 ・スコアが高いプレイヤーには難易度アップ ・英単語の読み上げ機能の追加 ・効果音、アニメーションの追加 ・連続正解数の表示 ・直近のプレイの正解率の表示 ・解いた問題の履歴 ・ルームを作ってオンライン対戦

使用技術

・JavaScript ・Vite ・Svelte ・Tailwind CSS ・Supabase 問題、スコアの保存やランキングの作成。 ポーリングによる対戦機能の実現 ・PostgreSQL ・GitHub バージョン管理に利用 機能、開発者ごとにブランチを切って開発 ・Web Speech API 英単語を読み上げてくれる

184s6vhfeng

@42fdcc1773d7c67a