diff --git a/app/Domains/AcademicProgram/Course/Models/Course.php b/app/Domains/AcademicProgram/Course/Models/Course.php
index 1ec81d7..bd723e5 100644
--- a/app/Domains/AcademicProgram/Course/Models/Course.php
+++ b/app/Domains/AcademicProgram/Course/Models/Course.php
@@ -36,6 +36,8 @@ class Course extends AcademicProgram
         'name',
         'credits',
         'type',
+        'teaching_methods',
+        'faq_page',
         'content',
         'objectives',
         'time_allocation',
@@ -150,4 +152,4 @@ protected static function newFactory()
     {
         return CourseFactory::new();
     }
-}
\ No newline at end of file
+}
diff --git a/app/Http/Livewire/Backend/CreateCourses.php b/app/Http/Livewire/Backend/CreateCourses.php
index f544b1f..7e09398 100644
--- a/app/Http/Livewire/Backend/CreateCourses.php
+++ b/app/Http/Livewire/Backend/CreateCourses.php
@@ -31,6 +31,7 @@ class CreateCourses extends Component
     public $time_allocation;
     public $module_time_allocation;
     public $marks_allocation;
+    public $teaching_methods;
 
     //2nd form step
     public $objectives;
@@ -51,6 +52,7 @@ public function rules()
             'code' => 'required|string|unique:courses,code',
             'name' => 'required|string|max:255',
             'credits' => 'required|integer|min:1|max:18',
+            'teaching_methods' => 'nullable|string',
             'faq_page' => 'nullable|url',
             'content' => 'nullable|string',
             'time_allocation.lecture' => 'nullable|integer|min:0',
@@ -103,6 +105,7 @@ protected function validateCurrentStep()
                     'code' => 'required|string|unique:courses,code',
                     'name' => 'required|string|max:255',
                     'credits' => 'required|integer|min:1|max:18',
+                    'teaching_methods' => 'nullable|string',
                     'faq_page' => 'nullable|url',
                     'content' => 'nullable|string',
                 ];
@@ -246,6 +249,7 @@ protected function storeCourse()
                 'code' => $this->code,
                 'name' => $this->name,
                 'credits' => (int)$this->credits,
+                'teaching_methods' => $this->teaching_methods,
                 'faq_page' => $this->faq_page,
                 'content' => $this->content,
                 'time_allocation' => json_encode($this->time_allocation),
@@ -296,6 +300,7 @@ protected function resetForm()
         $this->code = '';
         $this->name = '';
         $this->credits = 0;
+        $this->teaching_methods = '';
         $this->faq_page = '';
         $this->content = '';
         $this->time_allocation = Course::getTimeAllocation();
diff --git a/app/Http/Livewire/Backend/EditCourses.php b/app/Http/Livewire/Backend/EditCourses.php
index 0409f61..71244de 100644
--- a/app/Http/Livewire/Backend/EditCourses.php
+++ b/app/Http/Livewire/Backend/EditCourses.php
@@ -30,6 +30,7 @@ class EditCourses extends Component
     public $time_allocation;
     public $module_time_allocation;
     public $marks_allocation;
+    public $teaching_methods;
 
     // 2nd form step
     public $objectives;
@@ -46,7 +47,6 @@ class EditCourses extends Component
 
     public function rules()
     {
-
         $validationRules = [
             'academicProgram' => 'required|string',
             'semester' => 'required|int',
@@ -55,6 +55,7 @@ public function rules()
             'code' => 'required|string',
             'name' => 'required|string|max:255',
             'credits' => 'required|integer|min:1|max:18',
+            'teaching_methods' => 'nullable|string',
             'faq_page' => 'nullable|url',
             'content' => 'nullable|string',
             'modules' => 'nullable|array',
@@ -163,6 +164,7 @@ public function mount(Course $course)
         $this->code = $course->code;
         $this->name = $course->name;
         $this->credits = $course->credits;
+        $this->teaching_methods = $course->teaching_methods;
         $this->faq_page = $course->faq_page;
         $this->content = $course->content;
         $this->time_allocation = array_merge(Course::getTimeAllocation(), json_decode($course->time_allocation, true));
@@ -180,7 +182,8 @@ public function mount(Course $course)
                 'time_allocation' => array_merge(Course::getTimeAllocation(), json_decode($module->time_allocation, true))
             ];
         })->toArray();
-        $this->prerequisites = $course->prerequisites->pluck('id')->toArray();
+        $this->prerequisites = $course->prerequisites;
+
         // Update semesters list based on academic program and version
         $this->updateSemestersList();
     }
@@ -219,7 +222,6 @@ public function previous()
     public function update()
     {
         try {
-
             $this->validateCurrentStep();
             $this->updateCourse();
             return redirect()->route('dashboard.courses.index')->with('Success', 'Course updated successfully.');
@@ -268,6 +270,7 @@ protected function updateCourse()
                 'code' => $this->code,
                 'name' => $this->name,
                 'credits' => (int)$this->credits,
+                'teaching_methods' => $this->teaching_methods,
                 'faq_page' => $this->faq_page,
                 'content' => $this->content,
                 'time_allocation' => json_encode($this->time_allocation),
@@ -283,7 +286,7 @@ protected function updateCourse()
 
             if (!empty($this->modules)) {
                 foreach ($this->modules as $module) {
-                    $createdModule = CourseModule::create([
+                    CourseModule::create([
                         'course_id' => $course->id,
                         'topic' => $module['name'],
                         'description' => $module['description'],
@@ -293,6 +296,7 @@ protected function updateCourse()
                     ]);
                 }
             }
+
             // Sync prerequisites
             if (!empty($this->prerequisites)) {
                 $course->prerequisites()->sync(collect($this->prerequisites)->pluck('id')->toArray());
@@ -318,6 +322,7 @@ protected function resetForm()
         $this->code = '';
         $this->name = '';
         $this->credits = null;
+        $this->teaching_methods = '';
         $this->faq_page = '';
         $this->content = '';
         $this->time_allocation = Course::getTimeAllocation();
@@ -334,4 +339,4 @@ public function render()
     {
         return view('livewire.backend.edit-courses');
     }
-}
\ No newline at end of file
+}
diff --git a/database/factories/CourseFactory.php b/database/factories/CourseFactory.php
index 1d223f8..ababdbd 100644
--- a/database/factories/CourseFactory.php
+++ b/database/factories/CourseFactory.php
@@ -33,6 +33,8 @@ public function definition()
             'name' => $this->faker->sentence(3),
             'credits' => $this->faker->numberBetween(1, 6),
             'type' => $this->faker->randomElement(array_keys(Course::getTypes())),
+            'teaching_methods' => $this->faker->sentence(3),
+            'faq_page' => $this->faker->url,
             'content' => $this->faker->paragraph(),
             'objectives' => json_encode([$this->faker->sentence(), $this->faker->sentence()]),
             'time_allocation' => json_encode(['lectures' => $this->faker->numberBetween(10, 50), 'practicals' => $this->faker->numberBetween(5, 20)]),
@@ -45,4 +47,4 @@ public function definition()
             'updated_at' => now(),
         ];
     }
-}
+}
\ No newline at end of file
diff --git a/database/migrations/2024_10_10_103420_add-field-teaching-methods.php b/database/migrations/2024_10_10_103420_add-field-teaching-methods.php
new file mode 100644
index 0000000..b8b7e56
--- /dev/null
+++ b/database/migrations/2024_10_10_103420_add-field-teaching-methods.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class AddFieldTeachingMethods extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('courses', function (Blueprint $table) {
+            $table->text('teaching_methods')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('courses', function (Blueprint $table) {
+            $table->dropColumn('teaching_methods');
+        });
+    }
+}
diff --git a/resources/views/livewire/backend/create-courses.blade.php b/resources/views/livewire/backend/create-courses.blade.php
index 56c8bbe..bd89fa4 100644
--- a/resources/views/livewire/backend/create-courses.blade.php
+++ b/resources/views/livewire/backend/create-courses.blade.php
@@ -23,10 +23,12 @@
                             <h5 class="card-title">Basics</h5>
                             <div class="basics">
                                 <div class="row" id="row1">
+
+                                    {{-- Academic Program --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
                                             <label for="drop1">
-                                                Academic Program
+                                                Academic Program*
                                             </label>
                                         </div>
                                         <select class="form-select" wire:model="academicProgram">
@@ -40,9 +42,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Curriculum --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Curriculum</label>
+                                            <label for="drop1">Curriculum*</label>
                                         </div>
                                         <select class="form-select" wire:model="version">
                                             <option style="display:none" selected></option>
@@ -54,9 +58,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Semester --}}
                                     <div class="col-12 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Semester</label>
+                                            <label for="drop1">Semester*</label>
                                         </div>
                                         <select class="form-select" wire:model="semester">
                                             <option style="display:none" selected></option>
@@ -68,9 +74,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Course Code --}}
                                     <div class="col-12 col-sm-3 py-2">
                                         <div class="col ps-0">
-                                            <label>Code</label>
+                                            <label>Code*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy = "code">
@@ -79,9 +87,11 @@
                                             <span class="text-danger">{{ $message }}</span>
                                         @enderror
                                     </div>
+
+                                    {{-- Course Name --}}
                                     <div class="col-12 col-sm-9 py-2">
                                         <div class="col ps-0">
-                                            <label>Name</label>
+                                            <label>Name*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy = "name">
@@ -92,9 +102,10 @@
                                     </div>
                                 </div>
                                 <div class="row" id="row2">
+                                    {{-- Course Type --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Type</label>
+                                            <label for="drop1">Type*</label>
                                         </div>
                                         <select class="form-select" wire:model="type">
                                             <option style="display:none" selected></option>
@@ -106,9 +117,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Credits --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label>Credits</label>
+                                            <label>Credits*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy ="credits">
@@ -117,6 +130,22 @@
                                             <span class="text-danger">{{ $message }}</span>
                                         @enderror
                                     </div>
+
+                                    {{-- Teaching Methods --}}
+                                    <div class="col-12 py-2">
+                                        <div class="col ps-0">
+                                            <label>Teaching Methods</label>
+                                        </div>
+                                        <div class="input-group">
+                                            <input type="text" class="form-control"
+                                                wire:model.lazy = "teaching_methods">
+                                        </div>
+                                        @error('teaching_methods')
+                                            <div class="text-danger">{{ $message }}</div>
+                                        @enderror
+                                    </div>
+
+                                    {{-- FAQ Page --}}
                                     <div class="col-12 py-2">
                                         <div class="col ps-0">
                                             <label>FAQ page</label>
@@ -129,6 +158,8 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Content --}}
                                     <div class="my-2" id="contentarea">
                                         <label for="contentTextarea">Content</label>
                                         <textarea class="form-control" id="contentTextarea" wire:model.lazy = "content" rows="3"></textarea>
@@ -185,7 +216,7 @@
                         <hr>
                     </div>
 
-                    {{-- ILO --}}
+                    {{-- ILOs --}}
                     @foreach ($ilos as $key => $value)
                         <div class="mt-5">
                             @livewire('backend.item-adder', ['type' => $key, 'items' => $ilos[$key]], key("ilos-$key-adder"))
@@ -201,14 +232,15 @@
                 <div class="card-body">
                     <h5 class="card-title">Modules & References</h5>
 
+                    {{-- Modules --}}
                     <div class="pb-5">
                         <x-backend.course_module></x-backend.course_module>
                     </div>
 
+                    {{-- References --}}
                     <div class="pb-5">
                         @livewire('backend.item-adder', ['type' => 'references', 'items' => $references], key('references-adder'))
                     </div>
-
                 </div>
             </div>
         </div>
diff --git a/resources/views/livewire/backend/edit-courses.blade.php b/resources/views/livewire/backend/edit-courses.blade.php
index 44c2db6..49514be 100644
--- a/resources/views/livewire/backend/edit-courses.blade.php
+++ b/resources/views/livewire/backend/edit-courses.blade.php
@@ -23,10 +23,12 @@
                             <h5 class="card-title">Basics</h5>
                             <div class="basics">
                                 <div class="row" id="row1">
+
+                                    {{-- Academic Program --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
                                             <label for="drop1">
-                                                Academic Program
+                                                Academic Program*
                                             </label>
                                         </div>
                                         <select class="form-select" wire:model="academicProgram">
@@ -40,9 +42,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Curriculum --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Curriculum</label>
+                                            <label for="drop1">Curriculum*</label>
                                         </div>
                                         <select class="form-select" wire:model="version">
                                             <option style="display:none" selected></option>
@@ -54,9 +58,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Semester --}}
                                     <div class="col-12 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Semester</label>
+                                            <label for="drop1">Semester*</label>
                                         </div>
                                         <select class="form-select" wire:model="semester">
                                             <option style="display:none" selected></option>
@@ -68,9 +74,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Course Code --}}
                                     <div class="col-12 col-sm-3 py-2">
                                         <div class="col ps-0">
-                                            <label>Code</label>
+                                            <label>Code*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy = "code">
@@ -79,9 +87,11 @@
                                             <span class="text-danger">{{ $message }}</span>
                                         @enderror
                                     </div>
+
+                                    {{-- Course Name --}}
                                     <div class="col-12 col-sm-9 py-2">
                                         <div class="col ps-0">
-                                            <label>Name</label>
+                                            <label>Name*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy = "name">
@@ -93,9 +103,10 @@
                                 </div>
 
                                 <div class="row" id="row2">
+                                    {{-- Course Type --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label for="drop1">Type</label>
+                                            <label for="drop1">Type*</label>
                                         </div>
                                         <select class="form-select" wire:model="type">
                                             <option style="display:none" selected></option>
@@ -107,9 +118,11 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Credits --}}
                                     <div class="col-12 col-sm-6 py-2">
                                         <div class="col ps-0">
-                                            <label>Credits</label>
+                                            <label>Credits*</label>
                                         </div>
                                         <div class="input-group">
                                             <input type="text" class="form-control" wire:model.lazy ="credits">
@@ -118,6 +131,22 @@
                                             <span class="text-danger">{{ $message }}</span>
                                         @enderror
                                     </div>
+
+                                    {{-- Teaching Methods --}}
+                                    <div class="col-12 py-2">
+                                        <div class="col ps-0">
+                                            <label>Teaching Methods</label>
+                                        </div>
+                                        <div class="input-group">
+                                            <input type="text" class="form-control"
+                                                wire:model.lazy = "teaching_methods">
+                                        </div>
+                                        @error('teaching_methods')
+                                            <div class="text-danger">{{ $message }}</div>
+                                        @enderror
+                                    </div>
+
+                                    {{-- FAQ Page --}}
                                     <div class="col-12 py-2">
                                         <div class="col ps-0">
                                             <label>FAQ page</label>
@@ -130,6 +159,8 @@
                                             <div class="text-danger">{{ $message }}</div>
                                         @enderror
                                     </div>
+
+                                    {{-- Content --}}
                                     <div class="my-2" id="contentarea">
                                         <label for="contentTextarea">Content</label>
                                         <textarea class="form-control" id="contentTextarea" wire:model.lazy = "content" rows="3"></textarea>
@@ -159,7 +190,6 @@
                                 <hr>
                             </div>
 
-                            {{-- objectives --}}
                             <div class="form-group mt-3">
                                 <div class="form-floating">
                                     {!! Form::textarea('objectives', '', [
@@ -189,7 +219,7 @@
                                 <hr>
                             </div>
 
-                            {{-- ILO --}}
+                            {{-- ILOs --}}
                             @foreach ($ilos as $key => $value)
                                 <div class="mt-5">
                                     @livewire('backend.item-adder', ['type' => $key, 'items' => $ilos[$key]], key("ilos-$key-adder"))
@@ -205,9 +235,15 @@
                         <div class="card-body">
                             <h5 class="card-title">Modules & References</h5>
 
-                            <x-backend.course_module></x-backend.course_module>
-                            <br>
-                            @livewire('backend.item-adder', ['type' => 'references', 'items' => $references], key('references-adder'))
+                            {{-- Modules --}}
+                            <div class="pb-5">
+                                <x-backend.course_module></x-backend.course_module>
+                            </div>
+
+                            {{-- References --}}
+                            <div class="pb-5">
+                                @livewire('backend.item-adder', ['type' => 'references', 'items' => $references], key('references-adder'))
+                            </div>
                         </div>
                     </div>
                 </div>