学習進捗を管理する教育Webアプリ

受講者が教材と進捗を確認できる学習Webアプリとして、講座一覧、レッスン、課題、進捗表示を設計しました。次に取り組む内容がすぐ分かるホーム画面を重視しています。

教材の完了状態や提出期限を表示し、講師側は受講者ごとの進捗と提出物を確認できる構成です。動画、PDF、テキストなど異なる形式の教材を同じルールで管理します。

Reactで進捗状態を更新し、サーバー側では受講権限と提出期限を確認します。画面を閉じても途中位置を保持できるよう、データ保存のタイミングも設計しています。