shunsu22 / EventScheduler

0 stars 0 forks source link

EventScheduler

chatGptに提案してもらったリアルタイムイベントスケジューラのアプリ作成

概要

複数のユーザーが同時に利用できるリアルタイムイベントスケジューラーです。イベントの作成や参加、コメントを通じて、社内のチームや友人グループでのイベント管理が簡単にできるアプリです。リアルタイム更新機能を実装し、イベントの参加状況や変更がすぐに全ユーザーに反映されます。

機能一覧

1.  イベントの作成・編集・削除:日付や開始時間、参加者の人数などを設定してイベントを作成。イベント内容の更新や削除も可能。
2.  参加状況の更新:各イベントに対して参加/不参加のステータスを切り替え可能。参加状況は他のユーザーにもリアルタイムで反映。
3.  コメント機能:各イベントにコメントを追加し、イベントに関する連絡事項を共有。
4.  カレンダー表示:月ごと、週ごと、日ごとにイベントをカレンダー形式で表示。
5.  通知機能:イベントの開始時刻が近づくと参加者に通知を表示。

APIエンドポイント(随時変更かも)

•イベント管理
    •GET /api/events - 全イベントの取得
    •POST /api/events - 新しいイベントを作成
    •PUT /api/events/{id} - 指定したIDのイベントを更新
    •DELETE /api/events/{id} - 指定したIDのイベントを削除
•参加状況管理
    •POST /api/events/{id}/join - イベントに参加
    •POST /api/events/{id}/leave - イベントの不参加
•コメント管理
    •POST /api/events/{id}/comments - コメントの追加
    •DELETE /api/comments/{id} - 指定したIDのコメントを削除

フロントエンド(JavaScript + HTML + CSS)

JavaScriptでリアルタイム通信を行い、イベントやコメントを非同期で更新。 • イベントカレンダー画面:月、週、日ごとにイベントをカレンダー形式で表示し、クリックでイベント詳細へ移動。 • イベント詳細画面:イベント情報と参加状況、コメントを表示・更新。参加/不参加の切り替えも可能。 • コメント表示エリア:リアルタイムで他のユーザーのコメントが反映され、イベントごとに簡単に情報共有が可能。

技術構成

•   バックエンド:Spring Boot (REST API)、JPA (データベースアクセス)
•   データベース:MySQLまたはPostgreSQL
•   リアルタイム通信:WebSocketを使用してリアルタイムにイベントやコメントを更新
•   フロントエンド:HTML, CSS, JavaScript (WebSocketを利用)