Question-Maker

アプリケーション概要

問題集・問題の作成や問題へのチャレンジができるWebアプリケーション

機能例

作成された問題集の確認

問題集へチャレンジ

チャレンジ結果の管理

公開URL

https://question-maker.net

技術スタック

• バックエンド: Laravel 11
• フロント: Vue.js 3
• バックエンド/フロント結合: Inertia.js
• CSSフレームワーク: Tailwind CSS
• PHPテストフレームワーク: Pest
• フロントビルド: Vite
• CI/CD: GitHub Actions

開発環境構築

Laravel Sailを使った環境構築を想定しています。 OSはMacを想定していますが、Windowsでも構築可能です。 適宜読み替えて構築してください。

1. Docker Desktopの準備

Docker Desktopをインストールして起動しておく

2. sailコマンドのエイリアス設定

~/.bashrcや~/.zshrcに以下のようにalias登録しておく

alias sail='sh $([ -f sail ] && echo sail || echo vendor/bin/sail)'

3. プロジェクトの作成

ターミナルで以下コマンドを順に実行

> git clone [email protected]:maru0914/question-maker.git
> cd question-maker
> bash sail-install.sh
> cp .env.example .env
> sail up -d
> sail artisan key:generate
> sail artisan migrate:fresh --seed
> sail artisan storage:link 
> sail npm install
> sail npm run dev 

http://localhost へアクセスして問題集ページが表示されればOK

テスト実行

> sail artisan test