Interview Timer App

このプロジェクトでは、面接の各セクションの時間を管理するタイマーアプリを開発します。Next.jsを利用して、面接の流れをスムーズにし、時間管理を効果的に行うためのツールとして設計されています。

機能

• タイマーの起動: スタートボタンを押すことでタイマーが起動し、設定された時間に基づいてカウントダウンを開始します。
• 時間設定: 面接の全体時間、各セクションの時間を設定可能。
• セクションの自動切り替え: 一つのセクションが終わると自動で次のセクションに移行。
• リアルタイム更新: 残り時間がリアルタイムで画面に更新され表示される。
• 通知システム: 指定した時間が近づいたらユーザーに通知する。

技術スタック

• フロントエンド: Next.js, React
• スタイリング: CSS Modules または styled-components
• バックエンド: API routes (Next.jsのサーバレスAPI機能を使用)

プロジェクト構成

詳細なフォルダとファイル構成は、プロジェクトの src ディレクトリを参照してください。

Docker 環境のセットアップ

本プロジェクトは Docker を使用して環境を容易に構築できるように設計されています。docker-compose.yml ファイルには、Next.js アプリケーションと PostgreSQL データベースのサービスが定義されています。

使用方法

1. Docker と Docker Compose がインストールされていることを確認してください。

2. 以下のコマンドを実行してコンテナをビルドし、起動します:

   docker-compose up

3. ブラウザで http://localhost:3000 にアクセスしてアプリケーションを使用します。

データベースが不要な場合は、docker-compose.yml から db 関連の設定を削除してください。

インストールと実行

開発環境でのセットアップには、以下の手順を実行してください:

npm install
npm run dev