StudyRecord

学びを記録して、成長を見える化しよう

＜ログイン／新規登録ページ＞
ログインしていない状態ではログイン画面に遷移します

＜トップページ＞
記録、今までの一覧、学習記録のまとめ、マイページへのボタン

＜Recordページ＞
ボタンを押して学習記録を開始できる 学習中、休憩中などに応じて押せるボタンが切り替わる

＜Historyページ＞
今までの学習記録を日付順で一覧表示 編集・削除が可能

＜MyProgressページ＞
学習記録のまとめを週ごと、カテゴリーごとなどに分けて表示

＜マイページ＞
ユーザー情報の編集が可能
CSVファイルからインポートが可能

CSVファイル例：
category_id,content,start_time,finish_time
1,React学習,2025-05-01 10:00,2025-05-01 11:30
2,Laravel復習,2025-05-01 13:00,2025-05-01 14:15

URL

• 本番環境：
• 開発環境：http://localhost:3000
  
  

関連レポジトリ

https://github.com/miyo-naka/StudyRecord

機能一覧

• ログイン・ユーザー登録
• 記録作成
• 記録一覧表示
• 記録編集
• 記録削除
• まとめ表示
• ユーザー情報編集
  
  

使用技術(実行環境)

• PHP 8.1
• Laravel 10.10
• mySQL 8.0
• next.js 15.2.4
• react 19.0.0
• tailwindcss 4.1.3
  
  

Getting Started

• サンプルユーザー
  　Email: test1@email.com
  　Password: test1_pass
  
  

• 開発環境はローカル、本番環境はxxxを使用しています。
  

(1)開発環境のセットアップ

前提条件

• Docker Compose

手順

1. リポジトリをクローン

    git clone リポジトリのURL プロジェクト名
    cd プロジェクト名

2. Docker コンテナをビルドして起動

   docker-compose -f docker-compose.yml up --build -d

3. .env ファイルを作成し、必要な環境変数を設定

4. アプリケーションキーの作成

   php artisan key:generate

5. マイグレーションの実行

   php artisan migrate

6. Seederデータの挿入

   php artisan db:seed