このプロジェクトでは、面接の各セクションの時間を管理するタイマーアプリを開発します。Next.jsを利用して、面接の流れをスムーズにし、時間管理を効果的に行うためのツールとして設計されています。
- タイマーの起動: スタートボタンを押すことでタイマーが起動し、設定された時間に基づいてカウントダウンを開始します。
- 時間設定: 面接の全体時間、各セクションの時間を設定可能。
- セクションの自動切り替え: 一つのセクションが終わると自動で次のセクションに移行。
- リアルタイム更新: 残り時間がリアルタイムで画面に更新され表示される。
- 通知システム: 指定した時間が近づいたらユーザーに通知する。
- フロントエンド: Next.js, React
- スタイリング: CSS Modules または styled-components
- バックエンド: API routes (Next.jsのサーバレスAPI機能を使用)
詳細なフォルダとファイル構成は、プロジェクトの src
ディレクトリを参照してください。
本プロジェクトは Docker を使用して環境を容易に構築できるように設計されています。docker-compose.yml
ファイルには、Next.js アプリケーションと PostgreSQL データベースのサービスが定義されています。
-
Docker と Docker Compose がインストールされていることを確認してください。
-
以下のコマンドを実行してコンテナをビルドし、起動します:
docker-compose up
-
ブラウザで
http://localhost:3000
にアクセスしてアプリケーションを使用します。
データベースが不要な場合は、docker-compose.yml
から db
関連の設定を削除してください。
開発環境でのセットアップには、以下の手順を実行してください:
npm install
npm run dev