環境構築手順

1. mainブランチで以下を実行

docker compose up -d --build

2. tailwindが効いていない場合はターミナルで以下を実行

npm run dev

発表スライド

https://www.canva.com/design/DAFjou47S_w/SBhJF9tAAqCz_vkTFlUHJQ/edit?utm_content=DAFjou47S_w&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

画面遷移

ユーザー画面

1. ランディングページ: localhost:8080/intro.php

2. エージェント企業選択画面: localhost:8080/index.php

実装した機能

• カート機能
• 絞り込み機能（総合型or特化型）
• 並び替え機能
• 詳細画面

• レスポンシブ対応

3. 個人情報入力画面

実装した機能

• 申し込んだ企業が自動入力される
• バリデーション機能
• レスポンシブ対応

4.メールの受信: localhost:8025

実装した機能

• mailhogを利用して仮想的にメールを送信する
  • ユーザーに申し込み完了メールの送信
  • 就活エージェント企業に、学生が申請したことを知らせるメールを送信

管理者画面(WEBサイト自体の管理者画面)

1. ログイン画面: localhost:8080/auth/login.php

ログインメールアドレス: boozer@gmail.com
パスワード: password

2. 管理者画面

実装した機能

• 就活エージェント企業の新規登録

• 詳細画面
  • その企業にどの学生が申し込んでいるのか
• 更新
• 削除

管理者画面(就活エージェント企業側の管理者画面)

1. ログイン画面: localhost:8080/auth/login.php

サービス名: Meets Company
email: meetscompany@gmail.com
password: meetscompany

サービス名: キャリアチケット
email: careerticket@gmail.com
password: careerticket

サービス名: リクナビ
email: rikunabi@gmail.com
password: rikunabi

サービス名: マイナビ新卒紹介
email: mainabi@gmail.com
password: mainabi

サービス名: アスリートエージェント
email: athleteagent@gmail.com
password: athleteagent

サービス名: レバテック
email: rebateck@gmail.com
password: rebateck

2. 管理者画面

実装した機能

• 申請した学生一覧の表示
• 学生詳細画面
• CSVダウンロード機能