diff --git a/server/app/Http/Controllers/DocumentController.php b/server/app/Http/Controllers/DocumentController.php
deleted file mode 100644
index 4b82162..0000000
--- a/server/app/Http/Controllers/DocumentController.php
+++ /dev/null
@@ -1,29 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use App\Models\Document;
-use Illuminate\Support\Facades\Auth;
-use Illuminate\Http\Request;
-
-class DocumentController extends Controller
-{
-    public function listAllDocuments()
-    {
-        // $documents = Auth::user()->document()->orderBy('updated_at', 'DESC')->get();
-
-        return view("dashboard");
-    }
-
-    public function show($documentId)
-    {
-        $document = Document::findOrFail($documentId);
-
-        return view('document.show', ['document' => $document]);
-    }
-
-    public function createNewDocument()
-    {
-        
-    }
-}
diff --git a/server/app/Http/Livewire/Document/Create.php b/server/app/Http/Livewire/Document/Create.php
index 23f80d6..d35b234 100644
--- a/server/app/Http/Livewire/Document/Create.php
+++ b/server/app/Http/Livewire/Document/Create.php
@@ -4,12 +4,15 @@
 
 use Livewire\Component;
 use App\Models\Document;
+use App\Models\Folder;
 
 class Create extends Component
 {
     public $isCreating = false;
     public $name = "";
     public $message = "";
+    public $emitTo;
+    public $folderId;
 
     public function confirmCreating()
     {
@@ -19,21 +22,51 @@ public function confirmCreating()
     public function createNewDocument()
     {
         try {
-            $document = Document::create([
-                'name' => $this->name
-            ]);
+            if($this->folderId == null)
+            {
+                $document = Document::create([
+                    'name' => $this->name,
+                ]);
+            } else {
+                $document = Document::create([
+                    'name' => $this->name,
+                    'folder_id' => (int)$this->folderId
+                ]);
+            }
 
             $document->user()->attach(auth()->user());
         } catch (\Throwable $e) {
-            $this->emitTo('dashboard', 'flashMessage', "Oluşturma işlemi başarısız oldu!");
+            $this->emitTo($this->emitTo, 'flashMessage', "Oluşturma işlemi başarısız oldu!");
         }        
-        $this->emitTo('dashboard', 'flashMessage', $this->name . " isimli doküman başarıyla eklendi!");
+        $this->emitTo($this->emitTo, 'flashMessage', $this->name . " isimli doküman başarıyla eklendi!");
 
-        $this->emitTo('document.show', 'newDocumentCreated');
+        if ($this->folderId == null) 
+        {
+            $documents = Document::where('folder_id', null)->orderBy('updated_at', 'DESC')->get();
+        } else {
+            $documents = Folder::findOrFail($this->folderId)->document()->orderBy('updated_at', 'DESC')->get();
+        }
+        
+        $this->emitTo('document.show', 'newDocumentCreated', $documents);
         $this->isCreating = false;
         $this->name = "";
     }
 
+    public function mount($emitTo, $folderId)
+    {
+        $this->folderId = $folderId;
+
+        $this->emitTo = $emitTo;
+
+        if(!$emitTo) {
+            $this->emitTo = 'dashboard';
+        }
+
+        if(!$folderId) {
+            $this->folderId = null;
+        }
+    }
+
     public function render()
     {
         return view('livewire.document.create');
diff --git a/server/app/Http/Livewire/Document/Edit.php b/server/app/Http/Livewire/Document/Edit.php
index fd48c15..4dd8bda 100644
--- a/server/app/Http/Livewire/Document/Edit.php
+++ b/server/app/Http/Livewire/Document/Edit.php
@@ -3,9 +3,17 @@
 namespace App\Http\Livewire\Document;
 
 use Livewire\Component;
+use App\Models\Document;
 
 class Edit extends Component
 {
+    public $document;
+
+    public function mount($documentId)
+    {
+        $this->document = Document::findOrFail($documentId);
+    }
+
     public function render()
     {
         return view('livewire.document.edit');
diff --git a/server/app/Http/Livewire/Document/Show.php b/server/app/Http/Livewire/Document/Show.php
index d9f4237..93d6805 100644
--- a/server/app/Http/Livewire/Document/Show.php
+++ b/server/app/Http/Livewire/Document/Show.php
@@ -10,14 +10,30 @@ class Show extends Component
 
     protected $listeners = ['newDocumentCreated'];
 
-    public function newDocumentCreated()
+    public function newDocumentCreated($documents)
     {
-        $this->documents = auth()->user()->document()->orderBy('updated_at', 'DESC')->get();
+        if (!$documents)
+        {
+            $this->documents = auth()->user()->document()
+                                ->orderBy('updated_at', 'DESC')
+                                ->where('folder_id', null)
+                                ->get();
+        } else {
+            $this->documents = $documents;
+        }
     }
 
-    public function mount()
+    public function mount($documents)
     {
-        $this->documents = auth()->user()->document()->orderBy('updated_at', 'DESC')->get();
+        if (!$documents)
+        {
+            $this->documents = auth()->user()->document()
+                                ->orderBy('updated_at', 'DESC')
+                                ->where('folder_id', null)
+                                ->get();
+        } else {
+            $this->documents = $documents;
+        }
     }
 
     public function render()
diff --git a/server/app/Http/Livewire/Folder/Create.php b/server/app/Http/Livewire/Folder/Create.php
index 6134cd3..0a8eb2f 100644
--- a/server/app/Http/Livewire/Folder/Create.php
+++ b/server/app/Http/Livewire/Folder/Create.php
@@ -10,6 +10,8 @@ class Create extends Component
     public $isCreatingFolder = false;
     public $name = "";
     public $message = "";
+    public $emitTo;
+    public $folderId;
 
     public function confirmCreatingFolder()
     {
@@ -19,21 +21,50 @@ public function confirmCreatingFolder()
     public function createNewFolder()
     {
         try {
-            $folder = Folder::create([
-                'name' => $this->name
-            ]);
+            if ($this->folderId == null) {
+                $folder = Folder::create([
+                    'name' => $this->name
+                ]);
+            } else {
+                $folder = Folder::create([
+                    'name' => $this->name,
+                    'parent_folder_id' => (int)$this->folderId
+                ]);
+            }
+            
 
             $folder->user()->attach(auth()->user());
         } catch (\Throwable $e) {
-            $this->emitTo('dashboard', 'flashMessage', "Oluşturma işlemi başarısız oldu!");
+            $this->emitTo($this->emitTo, 'flashMessage', "Oluşturma işlemi başarısız oldu!");
         }        
-        $this->emitTo('dashboard', 'flashMessage', $this->name . " isimli klasör başarıyla eklendi!");
+        $this->emitTo($this->emitTo, 'flashMessage', $this->name . " isimli klasör başarıyla eklendi!");
 
-        $this->emitTo('folder.show', 'newFolderCreated');
+        if ($this->folderId == null) {
+            $folders = Folder::where('parent_folder_id', null)->orderBy('updated_at', 'DESC')->get();
+        } else {
+            $folders = Folder::where('parent_folder_id', $this->folderId)->orderBy('updated_at', 'DESC')->get();
+        }
+        
+        $this->emitTo('folder.show', 'newFolderCreated', $folders, $this->folderId);
         $this->isCreatingFolder = false;
         $this->name = "";
     }
 
+    public function mount($emitTo, $folderId)
+    {
+        $this->folderId = $folderId;
+
+        $this->emitTo = $emitTo;
+
+        if(!$emitTo) {
+            $this->emitTo = 'dashboard';
+        }
+
+        if(!$folderId) {
+            $this->folderId = null;
+        }
+    }
+
     public function render()
     {
         return view('livewire.folder.create');
diff --git a/server/app/Http/Livewire/Folder/ListContents.php b/server/app/Http/Livewire/Folder/ListContents.php
index b2c549c..f422932 100644
--- a/server/app/Http/Livewire/Folder/ListContents.php
+++ b/server/app/Http/Livewire/Folder/ListContents.php
@@ -2,10 +2,23 @@
 
 namespace App\Http\Livewire\Folder;
 
+use App\Models\Folder;
 use Livewire\Component;
 
 class ListContents extends Component
 {
+    public $subfolders;
+    public $documents;
+    public $folderId;
+    public $message;
+
+    public function mount($folderId)
+    {
+        $this->folderId = $folderId;
+        $this->documents = Folder::findOrFail($folderId)->document()->orderBy('updated_at', 'DESC')->get();
+        $this->subfolders = Folder::where('parent_folder_id', $folderId)->orderBy('updated_at', 'DESC')->get();
+    }
+
     public function render()
     {
         return view('livewire.folder.list-contents');
diff --git a/server/app/Http/Livewire/Folder/Show.php b/server/app/Http/Livewire/Folder/Show.php
index de5c8d9..985bfe1 100644
--- a/server/app/Http/Livewire/Folder/Show.php
+++ b/server/app/Http/Livewire/Folder/Show.php
@@ -9,17 +9,27 @@ class Show extends Component
     public $folders;
 
     protected $listeners = ['newFolderCreated'];
-
-    public function newFolderCreated()
+    
+    public function newFolderCreated($folders, $folderId)
     {
-        $this->folders = auth()->user()->folder()->orderBy('updated_at', 'DESC')->get();
+        if(!$folders)
+        {
+            $this->folders = auth()->user()->folder()->where('parent_folder_id', null)->orderBy('updated_at', 'DESC')->get();
+        } else {
+            $this->folders = auth()->user()->folder()->where('parent_folder_id', $folderId)->orderBy('updated_at', 'DESC')->get();
+        }
     }
 
-    public function mount()
+    public function mount($folders, $folderId)
     {
-        $this->folders = auth()->user()->folder()->orderBy('updated_at', 'DESC')->get();
+        if(!$folders)
+        {
+            $this->folders = auth()->user()->folder()->where('parent_folder_id', null)->orderBy('updated_at', 'DESC')->get();
+        } else {
+            $this->folders = auth()->user()->folder()->where('parent_folder_id', $folderId)->orderBy('updated_at', 'DESC')->get();
+        }
     }
-
+    
     public function render()
     {
         return view('livewire.folder.show');
diff --git a/server/app/Http/Middleware/CheckIfUserOwnsDocument.php b/server/app/Http/Middleware/CheckIfUserOwnsDocument.php
index ea90a9d..4398c89 100644
--- a/server/app/Http/Middleware/CheckIfUserOwnsDocument.php
+++ b/server/app/Http/Middleware/CheckIfUserOwnsDocument.php
@@ -26,6 +26,15 @@ public function handle(Request $request, Closure $next)
             }
         }
 
+        $folderId = $request->route('folderId');
+        if ($folderId)
+        {
+            if (Auth::user()->folder()->find($folderId) === null)
+            {
+                return redirect(route('dashboard'));
+            }
+        }
+
         return $next($request);
     }
 }
diff --git a/server/app/Models/Document.php b/server/app/Models/Document.php
index c6f00ee..7b0de9d 100644
--- a/server/app/Models/Document.php
+++ b/server/app/Models/Document.php
@@ -10,7 +10,7 @@ class Document extends Model
     use HasFactory;
 
     protected $fillable = [
-        'name', 'content'
+        'name', 'content', 'folder_id'
     ];
 
     public function user()
diff --git a/server/app/Models/Folder.php b/server/app/Models/Folder.php
index a83b42d..52b5e15 100644
--- a/server/app/Models/Folder.php
+++ b/server/app/Models/Folder.php
@@ -9,7 +9,7 @@ class Folder extends Model
 {
     use HasFactory;
 
-    protected $fillable = ['name'];
+    protected $fillable = ['name', 'parent_folder_id'];
 
     public function user()
     {
diff --git a/server/resources/views/document/show.blade.php b/server/resources/views/document/show.blade.php
deleted file mode 100644
index 6d03611..0000000
--- a/server/resources/views/document/show.blade.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<x-app-layout>
-    <div class="py-12">
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            <h1 class="text-xl font-semibold">{{ $document->name }}</h1>
-            <p>{{ $document->content }}</p>
-        </div>
-    </div>
-</x-app-layout>
diff --git a/server/resources/views/livewire/dashboard.blade.php b/server/resources/views/livewire/dashboard.blade.php
index 6b72226..1443d7d 100644
--- a/server/resources/views/livewire/dashboard.blade.php
+++ b/server/resources/views/livewire/dashboard.blade.php
@@ -41,10 +41,10 @@
                 </ol>
             </nav>
         </div>
-        <livewire:document.create />
-        <livewire:folder.create />
+        <livewire:document.create :emitTo="null" :folderId="null" />
+        <livewire:folder.create :emitTo="null" :folderId="null"/>
 
-        <livewire:folder.show />
-        <livewire:document.show />
+        <livewire:folder.show :folders="null" :folderId="null" />
+        <livewire:document.show :documents="null" />
     </div>
 </div>
diff --git a/server/resources/views/livewire/document/create.blade.php b/server/resources/views/livewire/document/create.blade.php
index 3d1ab26..b3313d6 100644
--- a/server/resources/views/livewire/document/create.blade.php
+++ b/server/resources/views/livewire/document/create.blade.php
@@ -10,18 +10,8 @@
         </x-slot>
 
         <x-slot name="content">
-            @if (!empty($message))
-            <div class="flex items-center bg-blue-500 text-white text-sm font-bold px-4 py-3 w-3/4" role="alert">
-                <svg class="fill-current w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-                    <path
-                        d="M12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99C9.789 1.436 10.67 0 12.432 0zM8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814C12.098 19.02 9.365 20 8.309 20z" />
-                    </svg>
-                <p>{{ $message }}</p>
-            </div>
-            @endif
             Oluşturmak istediğiniz dokümanın ismini yazınız.
 
-
             <div class="mt-4" x-data="{}">
                 <x-jet-input type="text" class="mt-1 block w-3/4" placeholder="{{ __('Name') }}" x-ref="name"
                     wire:model.defer="name" />
@@ -33,7 +23,7 @@
                 {{ __('Close') }}
             </x-jet-secondary-button>
 
-            <x-jet-button class="ml-2" wire:click="createNewDocument" wire:loading.attr="disabled">
+            <x-jet-button class="ml-2" wire:click="createNewDocument({{ $folderId }})" wire:loading.attr="disabled">
                 {{ __('Create') }}
             </x-jet-button>
         </x-slot>
diff --git a/server/resources/views/livewire/document/edit.blade.php b/server/resources/views/livewire/document/edit.blade.php
index ad58cc8..ce6bc78 100644
--- a/server/resources/views/livewire/document/edit.blade.php
+++ b/server/resources/views/livewire/document/edit.blade.php
@@ -1,3 +1,6 @@
-<div>
-    {{-- Stop trying to control. --}}
-</div>
+<div class="py-12">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        {{ $document->name }}
+        {{ $document->content }}
+    </div>
+</div>
\ No newline at end of file
diff --git a/server/resources/views/livewire/document/show.blade.php b/server/resources/views/livewire/document/show.blade.php
index 6210afd..4e959cf 100644
--- a/server/resources/views/livewire/document/show.blade.php
+++ b/server/resources/views/livewire/document/show.blade.php
@@ -16,7 +16,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-center
     <div class="grid grid-cols-2 lg:grid-cols-4 gap-4" wire:loading.remove>
         @foreach ($documents as $document)
         <div class="float-left bg-white rounded shadow hover:bg-gray-100 transition duration-500">
-            <a href="{{ route('showDocument', $document->id) }}" class="block p-5">
+            <a href="{{ route('showDocument', $document["id"]) }}" class="block p-5">
                 <svg class="-ml-1 mr-3 h-6 w-6 float-left" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                     xmlns="http://www.w3.org/2000/svg">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
@@ -24,8 +24,8 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-center
                     </path>
                 </svg>
                 <div class="flex flex-col">
-                    <div class="font-semibold w-full">{{ $document->name }}</div>
-                    <div class="font-weight:300 text-gray-600 text-sm w-full">{{ $document->updated_at->isoFormat('LLL') }}
+                    <div class="font-semibold w-full">{{ $document["name"] }}</div>
+                    <div class="font-weight:300 text-gray-600 text-sm w-full">{{ \Carbon\Carbon::parse($document["updated_at"])->isoFormat('LLL') }}
                     </div>
                 </div>
             </a>
diff --git a/server/resources/views/livewire/folder/create.blade.php b/server/resources/views/livewire/folder/create.blade.php
index c695458..4a18d68 100644
--- a/server/resources/views/livewire/folder/create.blade.php
+++ b/server/resources/views/livewire/folder/create.blade.php
@@ -10,15 +10,6 @@
         </x-slot>
 
         <x-slot name="content">
-            @if (!empty($message))
-            <div class="flex items-center bg-blue-500 text-white text-sm font-bold px-4 py-3 w-3/4" role="alert">
-                <svg class="fill-current w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-                    <path
-                        d="M12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99C9.789 1.436 10.67 0 12.432 0zM8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814C12.098 19.02 9.365 20 8.309 20z" />
-                    </svg>
-                <p>{{ $message }}</p>
-            </div>
-            @endif
             Oluşturmak istediğiniz klasörün ismini yazınız.
 
 
diff --git a/server/resources/views/livewire/folder/list-contents.blade.php b/server/resources/views/livewire/folder/list-contents.blade.php
index a40248d..16e3541 100644
--- a/server/resources/views/livewire/folder/list-contents.blade.php
+++ b/server/resources/views/livewire/folder/list-contents.blade.php
@@ -1,3 +1,52 @@
-<div>
-    {{-- Knowing others is intelligence; knowing yourself is true wisdom. --}}
+<div class="py-12">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div>
+            <div>
+                @if ($message)
+                <div class="mb-5 bg-teal-100 border-t-4 border-teal-500 rounded text-teal-900 px-4 py-3 shadow-md"
+                    role="alert">
+                    <div class="flex">
+                        <div class="py-1"><svg class="fill-current h-6 w-6 text-teal-500 mr-4"
+                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                <path
+                                    d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z" />
+                            </svg></div>
+                        <div>
+                            <p class="font-bold mt-1">{{ $message }}</p>
+                        </div>
+                    </div>
+                </div>
+                @endif
+            </div>
+            <div class="float-left">
+                <nav class="text-black font-bold my-3" aria-label="Breadcrumb">
+                    <ol class="list-none p-0 inline-flex">
+                        <li class="flex items-center">
+                            <a href="{{ route('dashboard') }}">Pano</a>
+                            <!--<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                            <path
+                                d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                            </svg>-->
+                        </li>
+                        <!--
+                    <li class="flex items-center">
+                        <a href="#">Second Level</a>
+                        <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                            <path
+                                d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                            </svg>
+                    </li>
+                    <li>
+                        <a href="#" class="text-gray-500" aria-current="page">Third Level</a>
+                    </li> -->
+                    </ol>
+                </nav>
+            </div>
+            <livewire:document.create :emitTo="'folder.list-contents'" :folderId="$folderId" />
+            <livewire:folder.create :emitTo="'folder.list-contents'" :folderId="$folderId" />
+
+            <livewire:folder.show :folders="$subfolders" :folderId="$folderId" />
+            <livewire:document.show :documents="$documents" />
+        </div>
+    </div>
 </div>
diff --git a/server/resources/views/livewire/folder/show.blade.php b/server/resources/views/livewire/folder/show.blade.php
index 81c6625..3d6dc4e 100644
--- a/server/resources/views/livewire/folder/show.blade.php
+++ b/server/resources/views/livewire/folder/show.blade.php
@@ -16,9 +16,9 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-center
     <div class="grid grid-cols-2 lg:grid-cols-5 gap-4" wire:loading.remove>
         @foreach ($folders as $folder)
         <div class="float-left bg-white rounded shadow hover:bg-gray-100 transition duration-500">
-            <a href="#" class="block p-5">
+            <a href="{{ route('listFolderContents', $folder['id']) }}" class="block p-5">
                 <svg class="-ml-1 mr-3 h-6 w-6 float-left" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
-                <div class="font-semibold">{{ $folder->name }}</div>
+                <div class="font-semibold">{{ $folder['name'] }}</div>
             </a>
         </div>
         @endforeach
diff --git a/server/routes/web.php b/server/routes/web.php
index d89b6e8..6405b0e 100644
--- a/server/routes/web.php
+++ b/server/routes/web.php
@@ -19,5 +19,16 @@
 
 Route::middleware(['auth:sanctum', 'verified', 'document'])->group(function () {
     Route::get('/dashboard', \App\Http\Livewire\Dashboard::class)->name('dashboard');
-    Route::get('/document/{documentId}', '\App\Http\Controllers\DocumentController@show')->name('showDocument');
+
+    Route::get('/document/{documentId}', \App\Http\Livewire\Document\Edit::class)
+        ->name('showDocument')
+        ->where([
+            'documentId' => '[0-9]+'
+        ]);
+        
+    Route::get('/folder/{folderId}', \App\Http\Livewire\Folder\ListContents::class)
+        ->name('listFolderContents')
+        ->where([
+            'folderId' => '[0-9]+'
+        ]);
 });