Laravel API × Next.js Portfolio
Web開発用語クイズ
Web開発で使われる用語を4択形式で確認できる学習用クイズアプリです。 Next.jsが画面表示を担当し、Laravel APIが問題取得・選択肢生成・正解判定を担当します。
概要
Web開発用語を4択クイズ形式で学べるポートフォリオアプリです。
作った理由
実務で使われるフロントエンドとバックエンドを分離した構成を小さく再現し、 API通信、DB設計、CSV取り込み、サーバー側判定を経験するために作成しました。 開発現場で必要な責務分離とデータ連携の理解を深めることを目的としています。
技術設計
Laravel / MySQL / Next.js / TypeScript / Tailwind CSS を使用しています。
STARTを押すとクイズ画面に切り替わります。