diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..1671c9b
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2
+
+[docker-compose.yml]
+indent_size = 4
diff --git a/backend/app/Http/Controllers/Project/ShowAllProjectController.php b/backend/app/Http/Controllers/Project/ShowAllProjectController.php
index 5d780ff..36e225b 100644
--- a/backend/app/Http/Controllers/Project/ShowAllProjectController.php
+++ b/backend/app/Http/Controllers/Project/ShowAllProjectController.php
@@ -4,13 +4,19 @@
 
 namespace App\Http\Controllers\Project;
 
+use App\Facades\Auth;
 use App\Http\Controllers\Controller;
-use Illuminate\Http\Request;
+use App\UseCases\Project\GetAllProjectsUseCase;
 use Illuminate\Contracts\View\Factory;
 use Illuminate\Contracts\View\View;
 
 class ShowAllProjectController extends Controller
 {
+    public function __construct(
+        public GetAllProjectsUseCase $getAllProjectsUseCase
+    ) {
+    }
+
     /**
      * 手続きページを表示するコントローラー
      *
@@ -18,6 +24,12 @@ class ShowAllProjectController extends Controller
      */
     public function __invoke(): View|Factory
     {
-        return view('project.index', []);
+        $user = Auth::user();
+        $allProjects = $this->getAllProjectsUseCase->invoke($user->id);
+
+        return view('project.index', [
+            'projectsBelonged' => $allProjects['projectsBelonged'],
+            'projectsNotBelonged' => $allProjects['projectsNotBelonged'],
+        ]);
     }
-}
\ No newline at end of file
+}
diff --git a/backend/app/Http/Controllers/Project/ShowEditProjectController.php b/backend/app/Http/Controllers/Project/ShowEditProjectController.php
index c33b9f1..5e319e2 100644
--- a/backend/app/Http/Controllers/Project/ShowEditProjectController.php
+++ b/backend/app/Http/Controllers/Project/ShowEditProjectController.php
@@ -5,19 +5,31 @@
 namespace App\Http\Controllers\Project;
 
 use App\Http\Controllers\Controller;
+use App\UseCases\Project\GetProjectUseCase;
 use Illuminate\Http\Request;
 use Illuminate\Contracts\View\Factory;
 use Illuminate\Contracts\View\View;
 
 class ShowEditProjectController extends Controller
 {
+    public function __construct(
+        public GetProjectUseCase $getProjectsUseCase
+    ) {
+    }
+
     /**
      * プロジェクト編集ページを表示するコントローラー
      *
      * @return View|Factory
      */
-    public function __invoke(): View|Factory
-    {
-        return view('project.edit', []);
+    public function __invoke(
+        Request $request,
+        int $project_id
+    ): View|Factory {
+        $project = $this->getProjectsUseCase->invoke($project_id);
+
+        return view('project.edit', [
+            'project' => $project,
+        ]);
     }
 }
diff --git a/backend/app/Http/Controllers/Project/ShowIndividualProjectController.php b/backend/app/Http/Controllers/Project/ShowIndividualProjectController.php
index c82c7e1..659608b 100644
--- a/backend/app/Http/Controllers/Project/ShowIndividualProjectController.php
+++ b/backend/app/Http/Controllers/Project/ShowIndividualProjectController.php
@@ -5,19 +5,31 @@
 namespace App\Http\Controllers\Project;
 
 use App\Http\Controllers\Controller;
+use App\UseCases\Project\GetProjectUseCase;
 use Illuminate\Http\Request;
 use Illuminate\Contracts\View\Factory;
 use Illuminate\Contracts\View\View;
 
 class ShowIndividualProjectController extends Controller
 {
+    public function __construct(
+        public GetProjectUseCase $getProjectUseCase
+    ) {
+    }
+
     /**
      * 個別のプロジェクト(プロジェクト詳細ページ)を表示するコントローラー
      *
      * @return View|Factory
      */
-    public function __invoke(): View|Factory
-    {
-        return view('project.individual', []);
+    public function __invoke(
+        Request $request,
+        int $project_id
+    ): View|Factory {
+        $project = $this->getProjectUseCase->invoke($project_id);
+
+        return view('project.individual', [
+            'project' => $project,
+        ]);
     }
-}
\ No newline at end of file
+}
diff --git a/backend/app/Models/Project.php b/backend/app/Models/Project.php
index 614cf79..9cdc2e9 100644
--- a/backend/app/Models/Project.php
+++ b/backend/app/Models/Project.php
@@ -12,8 +12,15 @@
 class Project extends Model
 {
     use HasFactory;
+
     protected $fillable = [
-        "representative_id", "name", "description",  "thumbnail", "place_of_activity", "start_date", "end_date", "created_at", "updated_at"
+        "representative_id",
+        "name",
+        "description",
+        "thumbnail",
+        "place_of_activity",
+        "start_date",
+        "end_date",
     ];
 
     /**
@@ -24,19 +31,19 @@ class Project extends Model
     public static $rules = array();
 
     /**
-     * 初期値設定
+     * 日付の登録(format使えるために)
+     *
      * @var array
      */
-    protected $attributes = [
-        "thumbnail" => "images/default/default_project_thumbnail.png",
-    ];
+    protected $dates = ['start_date', 'end_date'];
 
     /**
-     * 日付の登録(format使えるために)
-     *
+     * 初期値設定
      * @var array
      */
-    protected $dates = ['start_date', 'end_date'];
+    protected $attributes = [
+        "thumbnail" => "images/default/default_project_thumbnail.png",
+    ];
 
     /**
      * プロジェクト進捗取得
diff --git a/backend/app/UseCases/Project/GetAllProjectsUseCase.php b/backend/app/UseCases/Project/GetAllProjectsUseCase.php
new file mode 100644
index 0000000..b9830c1
--- /dev/null
+++ b/backend/app/UseCases/Project/GetAllProjectsUseCase.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\UseCases\Project;
+
+use App\Models\Project;
+use App\Models\ProjectBelonged;
+
+final class GetAllProjectsUseCase
+{
+    /**
+     * 全てのプロジェクトを表示する
+     *
+     * [
+     *   '所属しているプロジェクト',
+     *   '未所属のプロジェクト',
+     * ]
+     * @return array
+     */
+    public function invoke(
+        int $userId,
+    ): array {
+        // 全てのプロジェクト
+        $projects = Project::all();
+        // 全てのプロジェクト の ID
+        $projectIds = $projects->pluck('id')->toArray();
+
+        // ユーザーが所属しているプロジェクト
+        $projectsBelongedRelation = ProjectBelonged::whereUserId($userId)
+            ->get()
+            ->sortByDesc('updated_at');
+        // ユーザーが所属しているプロジェクト の ID
+        $projectsBelongedIds = $projectsBelongedRelation->pluck('project_id')->toArray();
+        // ユーザーが未所属のプロジェクト
+        $projectsBelonged = $projects->whereIn('id', $projectsBelongedIds)
+            ->sortByDesc('updated_at');
+
+        // ユーザーが未所属のプロジェクト の ID
+        $projectsNotBelongedIds = array_diff($projectIds, $projectsBelongedIds);
+        // ユーザーが未所属のプロジェクト
+        $projectsNotBelonged = $projects->whereIn('id', $projectsNotBelongedIds)
+            ->sortByDesc('updated_at');
+
+        return [
+            'projectsBelonged' => $projectsBelonged,
+            'projectsNotBelonged' => $projectsNotBelonged,
+        ];
+    }
+}
diff --git a/backend/app/UseCases/Project/GetProjectUseCase.php b/backend/app/UseCases/Project/GetProjectUseCase.php
new file mode 100644
index 0000000..0b47f51
--- /dev/null
+++ b/backend/app/UseCases/Project/GetProjectUseCase.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\UseCases\Project;
+
+use App\Models\Project;
+
+final class GetProjectUseCase
+{
+    public function invoke(
+        int $projectId
+    ): Project {
+        $project = Project::find($projectId);
+
+        return $project;
+    }
+}
diff --git a/backend/resources/views/project/edit.blade.php b/backend/resources/views/project/edit.blade.php
index db5e67d..d71b95d 100644
--- a/backend/resources/views/project/edit.blade.php
+++ b/backend/resources/views/project/edit.blade.php
@@ -5,7 +5,24 @@
 @parent
 @endsection
 @section('content')
-<h1 class="text-center my-8 text-3xl ">プロジェクト編集</h1>
+<h1 class="text-center my-8 text-3xl kiwi-maru">プロジェクト編集</h1>
+<div class="mx-auto px-4 " style="max-width: 1200px">
+    <p>プロジェクト編集</p>
+</div>
 
+<div>
+    <h2>プロジェクト</h2>
+    <div style="padding-bottom: 32px">
+        <p>プロジェクト 名: {{ $project['name'] }}</p>
+        <p>プロジェクト 説明: {{ $project['description'] }}</p>
+        <p>プロジェクト 活動場所: {{ $project['place_of_activity'] }}</p>
+        <p>プロジェクト 開始日: {{ $project['start_date']->format('Y年m月d日') }}</p>
+        <p>プロジェクト 終了日: {{ $project['end_date']?->format('Y年m月d日') ?? '未設定' }}</p>
+    </div>
 
+    <a
+        href={{ route('projectIndex') }}
+        style="color: #0070f3; text-decoration: none;"
+    >プロジェクト一覧</a>
+</div>
 @endsection
diff --git a/backend/resources/views/project/index.blade.php b/backend/resources/views/project/index.blade.php
index 0ca600c..b17d69c 100644
--- a/backend/resources/views/project/index.blade.php
+++ b/backend/resources/views/project/index.blade.php
@@ -5,7 +5,48 @@
 @parent
 @endsection
 @section('content')
-<h1 class="text-center my-8 text-3xl ">プロジェクト一覧</h1>
+<h1 class="text-center my-8 text-3xl kiwi-maru">プロジェクト一覧</h1>
+<div class="mx-auto px-4 " style="max-width: 1200px">
+    <p>プロジェクト一覧</p>
+</div>
 
+<div>
+    <h2>所属しているプロジェクト</h2>
+    @foreach ($projectsBelonged as $project)
+        <div style="padding-bottom: 32px">
+            <p>プロジェクト 名: {{ $project['name'] }}</p>
+            <p>プロジェクト 説明: {{ $project['description'] }}</p>
+            <p>プロジェクト 活動場所: {{ $project['place_of_activity'] }}</p>
+            <p>プロジェクト 開始日: {{ $project['start_date']->format('Y年m月d日') }}</p>
+            <p>プロジェクト 終了日: {{ $project['end_date']?->format('Y年m月d日') ?? '未設定' }}</p>
+            <p>
+                <a
+                    href={{ route('projectShow', ['project_id' => $project['id']]) }}
+                    style="color: #0070f3; text-decoration: none;"
+                >このプロジェクトを見る</a>
+            </p>
+            <p>
+                <a
+                    href={{ route('projectEdit', ['project_id' => $project['id']]) }}
+                    style="color: #0070f3; text-decoration: none;"
+                >このプロジェクトを編集する</a>
+            </p>
+        </div>
+    @endforeach
 
+    <h2>未所属しているプロジェクト</h2>
+    @foreach ($projectsNotBelonged as $project)
+    <div style="padding-bottom: 32px">
+        <p>プロジェクト 名: {{ $project['name'] }}</p>
+        <p>プロジェクト 説明: {{ $project['description'] }}</p>
+        <p>プロジェクト 活動場所: {{ $project['place_of_activity'] }}</p>
+        <p>プロジェクト 開始日: {{ $project['start_date']->format('Y年m月d日') }}</p>
+        <p>プロジェクト 終了日: {{ $project['end_date']?->format('Y年m月d日') ?? '未設定' }}</p>
+        <a
+            href={{ route('projectShow', ['project_id' => $project['id']]) }}
+            style="color: #0070f3; text-decoration: none;"
+        >このプロジェクトを見る</a>
+    </div>
+    @endforeach
+</div>
 @endsection
diff --git a/backend/resources/views/project/individual.blade.php b/backend/resources/views/project/individual.blade.php
index 6d3d252..35dd2fa 100644
--- a/backend/resources/views/project/individual.blade.php
+++ b/backend/resources/views/project/individual.blade.php
@@ -5,7 +5,24 @@
 @parent
 @endsection
 @section('content')
-<h1 class="text-center my-8 text-3xl ">プロジェクト個別</h1>
+<h1 class="text-center my-8 text-3xl kiwi-maru">プロジェクト詳細</h1>
+<div class="mx-auto px-4 " style="max-width: 1200px">
+    <p>プロジェクト詳細</p>
+</div>
 
+<div>
+    <h2>プロジェクト</h2>
+    <div style="padding-bottom: 32px">
+        <p>プロジェクト 名: {{ $project['name'] }}</p>
+        <p>プロジェクト 説明: {{ $project['description'] }}</p>
+        <p>プロジェクト 活動場所: {{ $project['place_of_activity'] }}</p>
+        <p>プロジェクト 開始日: {{ $project['start_date']->format('Y年m月d日') }}</p>
+        <p>プロジェクト 終了日: {{ $project['end_date']?->format('Y年m月d日') ?? '未設定' }}</p>
+    </div>
 
+    <a
+        href={{ route('projectIndex') }}
+        style="color: #0070f3; text-decoration: none;"
+    >プロジェクト一覧</a>
+</div>
 @endsection