diff --git a/app/Http/Controllers/TodoController.php b/app/Http/Controllers/TodoController.php
index c8e55df..7819702 100644
--- a/app/Http/Controllers/TodoController.php
+++ b/app/Http/Controllers/TodoController.php
@@ -13,7 +13,9 @@
      */
     public function index()
     {
-        return "this is index";
+        return view('todo.index', [
+            'todos' => Todo::all(),
+        ]);
         //
     }
 
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index c2d3a65..3057c66 100644
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -16,6 +16,13 @@
                         {{ __('Dashboard') }}
                     </x-nav-link>
                 </div>
+
+                <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
+                    <x-nav-link :href="route('todo.index')" :active="request()->routeIs('todo.index')">
+                        {{ __('Todo') }}
+                    </x-nav-link>
+                </div>
+
             </div>
 
             <!-- Settings Dropdown -->
diff --git a/resources/views/todo/index.blade.php b/resources/views/todo/index.blade.php
new file mode 100644
index 0000000..f933db7
--- /dev/null
+++ b/resources/views/todo/index.blade.php
@@ -0,0 +1,32 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            Todo List
+        </h2>
+    </x-slot>
+
+    <div class="mx-4">
+        <table class="min-w-full divide-y divide-gray-200">
+            <thead>
+                @php
+                    $ths = ['ID', 'Task', 'Created At', 'Updated At'];
+                @endphp
+                <tr>
+                    @foreach ($ths as $th)
+                        <th class="p-1 bg-slate-300">{{ $th }}</th>
+                    @endforeach
+                </tr>
+            </thead>
+            <tbody>
+                @foreach ($todos as $todo)
+                    <tr class="{{ $loop->iteration % 2 === 0 ? 'bg-slate-200' : 'bg-white' }}">
+                        <td class="p-1 text-center">{{ $todo->id }}</td>
+                        <td class="p-1">{{ $todo->task }}</td>
+                        <td class="p-1 text-center">{{ $todo->created_at }}</td>
+                        <td class="p-1 text-center">{{ $todo->updated_at }}</td>
+                    </tr>
+                @endforeach
+            </tbody>
+        </table>
+    </div>
+</x-app-layout>