diff --git a/app/Http/Controllers/BaseController.php b/app/Http/Controllers/BaseController.php
new file mode 100644
index 000000000..6b36da7ba
--- /dev/null
+++ b/app/Http/Controllers/BaseController.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller as Controller;
+
+class BaseController extends Controller
+{
+    /**
+     * success response method.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function sendResponse($result, $message)
+    {
+    	$response = [
+            'success' => true,
+            'data'    => $result,
+            'message' => $message,
+        ];
+        return response()->json($response, 200);
+    }
+
+
+    /**
+     * return error response.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function sendError($error, $errorMessages = [], $code = 404)
+    {
+    	$response = [
+            'success' => false,
+            'message' => $error,
+        ];
+
+        if(!empty($errorMessages)){
+            $response['data'] = $errorMessages;
+        }
+
+        return response()->json($response, $code);
+    }
+}
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
new file mode 100644
index 000000000..a0a2a8a34
--- /dev/null
+++ b/app/Http/Controllers/Controller.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Routing\Controller as BaseController;
+
+class Controller extends BaseController
+{
+    use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
+}
diff --git a/app/Http/Controllers/EventController.php b/app/Http/Controllers/EventController.php
new file mode 100644
index 000000000..ce3bf5630
--- /dev/null
+++ b/app/Http/Controllers/EventController.php
@@ -0,0 +1,243 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Str;
+use App\Http\Controllers\BaseController as BaseController;
+use App\Models\Event;
+use Carbon\Carbon;
+use Validator;
+use DB;
+use App\Http\Resources\Event as EventResource;
+use Illuminate\Support\Facades\Redis;
+
+class EventController extends BaseController
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->pagination_limit  =   '5';
+    }
+    
+    public function index()
+    {
+        $event = Event::orderBy('createdAt', 'desc')->get(); 
+        return $this->sendResponse(new EventResource($event), 'all events retrieved successfully.');
+    }    
+
+    public function active_events(Request $request)
+    {
+        $data_all                   =   $request->all();              
+        if ($data_all['startAt'] && $data_all['endAt']) {
+            $startAt = Carbon::parse($data_all['startAt'])->toDateTimeString();
+            $endAt = Carbon::parse($data_all['endAt'])->toDateTimeString();
+            $data_result = Event::whereBetween('createdAt', [$startAt, $endAt])->get();
+        } else {
+            $data_result = [];
+        }
+        return $this->sendResponse(new EventResource($data_result), 'intervel events retrieved successfully.');
+    }
+
+    public function get_event($id)
+    {
+        $event = Event::find($id); 
+        return $this->sendResponse(new EventResource($event), 'one events retrieved successfully.');
+    }
+
+    public function create_event(Request $request)
+    {
+        $input       =  $request->all(); 
+        $validator   =  Validator::make($input, [
+            'event_name'   => 'required|unique:events,name',
+        ]);
+
+        if($validator->fails()){
+            return $this->sendError('Validation Error.', $validator->errors());       
+        }
+
+        $input_data['name']  =   $input['event_name'];
+        $input_data['slug']  =   Str::slug($input['event_name']);
+        $event = Event::create($input_data);
+        return $this->sendResponse(new EventResource($event), 'event created successfully.');
+    }
+
+    public function update_event(Request $request, $id)
+    {
+        $input       =  $request->all(); 
+        $event = Event::find($id);
+        if($event){
+            $validator   =  Validator::make($input, [
+                'event_name'   => "required|unique:events,name,{$id}",
+            ]);
+
+            if($validator->fails()){
+                return $this->sendError('Validation Error.', $validator->errors());       
+            }
+
+            $input_data['name']  =   $input['event_name'];
+            $input_data['slug']  =   Str::slug($input['event_name']);
+
+            $event->update($input_data);
+            $message    =   'event updated successfully.';
+        }else{
+            $validator   =  Validator::make($input, [
+                'event_name'   => 'required|unique:events,name',
+            ]);
+
+            if($validator->fails()){
+                return $this->sendError('Validation Error.', $validator->errors());       
+            }
+            
+            $input_data['name']  =   $input['event_name'];
+            $input_data['slug']  =   Str::slug($input['event_name']);
+
+            $event      =   Event::create($input_data);
+            $message    =   'event created successfully.';
+        }
+        return $this->sendResponse(new EventResource($event), $message);
+    }
+    
+    public function delete_event($id)
+    {
+        $event  = Event::find($id);
+        if($event){
+            $delete = $event->delete();
+            if($delete==true){
+                $data_response['id'] = $event->id;
+                $message             = 'event made soft deleted successfully.'; 
+            }else{
+                $data_response['id'] = $event->id;
+                $message             = 'something went wrong.';     
+            }
+        }else{
+            $data_response['id'] = $id;
+            $message             = 'this id not exist.';   
+        }
+        return $this->sendResponse($data_response, $message);        
+    }
+
+    public function event_list_web()
+    {
+        $event = Event::orderBy('createdAt', 'desc')->paginate($this->pagination_limit);
+        return view('event.event_list', [
+            'events' => $event,
+            'search' => '0',
+        ]);
+    }
+    
+    public function event_show_web($id)
+    {        
+        $event = Event::find($id); 
+        return view('event.event_show', compact('event'));
+    }
+    
+    public function event_edit_web($id)
+    {
+        if(Auth::check()) {
+            $event = Event::findOrFail($id);
+            return view('event.event_edit', compact('event'));
+        }else{
+            return redirect()->route('login');
+        }   
+    }
+
+    public function event_name_exist(Request $request)
+    {
+        $data_all               =           $request->all();  
+        if(isset($data_all['event_id'])){
+            if(isset($data_all['event_name'])){
+                $exist_value                        =       DB::table('events')->where('events.name', $data_all['event_name'])->whereNotIn('events.id',[$data_all['event_id']])->get()->count();          
+            }elseif(isset($data_all['event_slug'])){
+                $exist_value                        =       DB::table('events')->where('events.slug', $data_all['event_slug'])->whereNotIn('events.id',[$data_all['event_id']])->get()->count();
+            }
+        }else{
+            if(isset($data_all['event_name'])){
+                $exist_value                        =       DB::table('events')->where('events.name', $data_all['event_name'])->get()->count();          
+            }
+        }
+        if($exist_value > '0'){
+            $count_status                       =       '0';
+        }else{
+            $count_status                       =       'true';
+        }
+        echo $count_status;
+    }
+    
+    public function event_create_web()
+    {       
+        if(Auth::check()) {
+            return view('event.event_create');
+        }else{
+            return redirect()->route('login');
+        } 
+    }
+
+    public function delete_event_web(Request $request)
+    {
+        $data_all = $request->all();  
+        $event    = Event::find($data_all['event_id']);
+        if($event){
+            $delete = $event->delete();
+            if($delete==true){
+                $data_response['id'] = $event->id;
+                $message             = 'event made soft deleted successfully.'; 
+            }else{
+                $data_response['id'] = $event->id;
+                $message             = 'something went wrong.';     
+            }
+        }else{
+            $data_response['id'] = $id;
+            $message             = 'this id not exist.';   
+        }
+        return $this->sendResponse($data_response, $message);        
+    }
+
+    public function search_event_web(Request $request)
+    {
+        $data_all = $request->all();     
+        $event = Event::where('events.id', 'like', '%' . $data_all['event_search_val'] . '%')->orWhere('events.name', 'like', '%' . $data_all['event_search_val'] . '%')->orWhere('events.slug', 'like', '%' . $data_all['event_search_val'] . '%')->orderBy('createdAt', 'desc')->paginate($this->pagination_limit);
+        return view('event.event_list', [
+            'events' => $event,
+            'search' => '1',
+        ]);    
+    }
+
+    public function event_list_cache()
+    {
+        $cachedBlog = Redis::get('event');
+        if(isset($cachedBlog)) {
+            $event = json_decode($cachedBlog, FALSE);      
+            return response()->json([
+                'status_code' => 201,
+                'message'     => 'Fetched from redis',
+                'data'        => $event,
+            ]);
+        }else {
+            $event = Event::orderBy('createdAt', 'desc')->paginate($this->pagination_limit);
+            Redis::set('event', $event);
+      
+            return response()->json([
+                'status_code' => 201,
+                'message'     => 'Fetched from database',
+                'data'        => $event,
+            ]);
+        }        
+    }
+
+    public function event_list_remote()
+    {
+        return view('event.remote_list');
+    }
+}
+
+
+// echo "<pre>";
+// print_r($data);
+// echo "</pre>";
+// exit();
\ No newline at end of file
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
new file mode 100644
index 000000000..7cbc2c3f0
--- /dev/null
+++ b/app/Http/Controllers/HomeController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class HomeController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     * @return \Illuminate\Contracts\Support\Renderable
+     */
+    public function index()
+    {
+        return view('home');
+    }
+}
diff --git a/app/Http/Resources/Event.php b/app/Http/Resources/Event.php
new file mode 100644
index 000000000..6565b382f
--- /dev/null
+++ b/app/Http/Resources/Event.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class Event extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array|\Illuminate\Contracts\Support\Arrayable|\JsonSerializable
+     */
+    public function toArray($request)
+    {
+         return parent::toArray($request);        
+    }
+}
diff --git a/resources/views/event/event_create.blade.php b/resources/views/event/event_create.blade.php
new file mode 100644
index 000000000..468ad87b4
--- /dev/null
+++ b/resources/views/event/event_create.blade.php
@@ -0,0 +1,91 @@
+@extends('layout')
+@section('content')
+
+<div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">Create Event</div>
+                <form id="create_event_form" action="" method="post">
+                    <div class="card-body"> 
+                        <div class="row mb-3 form-group">
+                            <label for="name" class="col-md-2 col-form-label">Event Name</label>
+                            <div class="col-md-10">
+                                <input type="text" name="event_name" class="form-control" value="" />
+                            </div>
+                        </div>                        
+                        @csrf
+                        <div class="row mb-3">
+                            <div class="col-md-10 offset-md-2">
+                                <a href="<?=route('event_list_web')?>" class="btn btn-info">Cancel</a>
+                                <button type="submit" class="btn btn-success float-right">Submit</button>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>    
+@endsection
+<script src="{{ asset('js/jquery.min.js') }}"></script>
+<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.0.0/sweetalert.min.js" integrity="sha512-zwZQtJZnpG982ihGzVT53UY+yTFtT66spX5HOiYmKFeO1unLJ7NJdprbWOHKAhHdKSDwNKbBgCubsrvGJaAehQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script>
+$("#edit_event_form").submit(function(e){
+    e.preventDefault();
+});
+$(document).ready(function() { 
+    $("#create_event_form").validate({
+        errorElement: "div",
+        errorClass: "form-error-block",
+        rules: {
+            'event_name': {
+                required: true,
+                minlength: 5,
+                maxlength: 120,
+                remote: {
+                    url: "<?=route('event_name_exist')?>",
+                    type: "post",
+                    data: {
+                    "_token"    : "{{ csrf_token() }}",
+                    }
+                }
+            },       
+        },
+        messages: {
+            'event_name': {
+                required: "Please enter the event name",
+                remote: "Event name already in exist",
+            },                         
+        },
+        submitHandler: function(form) {      
+            var formID          =   $('#create_event_form')[0];
+            var formData        =   new FormData(formID);
+            $.ajax({
+                url: "<?=route('event_store')?>",
+                method: 'post',
+                data: formData,
+                processData: false,
+                contentType: false,                
+                success: function(response) {  
+                    if(response.success==true){
+                        swal({
+                            title: 'Event Created',
+                            text: 'Event created successfully.',
+                            icon: "success",
+                            timer: 2000,
+                            buttons: false,
+                            showConfirmButton: false,
+                            showCloseButton: false,
+                        });
+                        setTimeout(function(){ 
+                            window.location= ('<?=route('event_list_web')?>');                                
+                        }, 2000);
+                    }
+                }
+            });
+        }
+    });
+
+});
+
+</script>
\ No newline at end of file
diff --git a/resources/views/event/event_edit.blade.php b/resources/views/event/event_edit.blade.php
new file mode 100644
index 000000000..9fd4781bd
--- /dev/null
+++ b/resources/views/event/event_edit.blade.php
@@ -0,0 +1,131 @@
+@extends('layout')
+@section('content')
+<div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">Edit Event</div>
+                <form id="edit_event_form" action="" method="post">
+                    <div class="card-body"> 
+                        <div class="row mb-3 form-group">
+                            <label for="name" class="col-md-2 col-form-label">Event Name</label>
+                            <div class="col-md-10">
+                                <input type="text" name="event_name" class="form-control" value="<?=$event->name?>" />
+                            </div>
+                        </div>
+
+                        <div class="row mb-3">
+                            <label for="slug" class="col-md-2 col-form-label">Slug</label>
+                            <div class="col-md-10">
+                                <input type="text" name="event_slug" class="form-control" value="<?=$event->slug?>" />
+                            </div>
+                        </div>
+
+                        <div class="row mb-3">
+                            <label for="slug" class="col-md-2 col-form-label">Created At</label>
+                            <div class="col-md-10">
+                                <input type="text" readonly class="form-control" value="<?=date('d/m/Y h:i:s A', strtotime($event->createdAt))?>" />
+                            </div>
+                        </div>
+
+                        <div class="row mb-3">
+                            <label for="slug" class="col-md-2 col-form-label">Updated At</label>
+                            <div class="col-md-10">
+                                <input type="text" readonly class="form-control" value="<?=date('d/m/Y h:i:s A', strtotime($event->updatedAt))?>" />
+                            </div>
+                        </div>
+                        @csrf
+                        @method('PUT')
+                        <div class="row mb-3">
+                            <div class="col-md-10 offset-md-2">
+                                <a href="<?=route('event_list_web')?>" class="btn btn-info">Cancel</a>
+                                <button type="submit" class="btn btn-success float-right">Update</button>
+                                <input type="hidden" name="event_id_hidden" id="event_id_hidden" value="<?=$event->id?>" />
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>    
+@endsection
+<script src="{{ asset('js/jquery.min.js') }}"></script>
+<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.0.0/sweetalert.min.js" integrity="sha512-zwZQtJZnpG982ihGzVT53UY+yTFtT66spX5HOiYmKFeO1unLJ7NJdprbWOHKAhHdKSDwNKbBgCubsrvGJaAehQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script>
+$("#edit_event_form").submit(function(e){
+    e.preventDefault();
+});
+$(document).ready(function() { 
+    $("#edit_event_form").validate({
+        errorElement: "div",
+        errorClass: "form-error-block",
+        rules: {
+            'event_name': {
+                required: true,
+                minlength: 5,
+                maxlength: 120,
+                remote: {
+                    url: "<?=route('event_name_exist')?>",
+                    type: "post",
+                    data: {
+                    "_token"    : "{{ csrf_token() }}",
+                    "event_id": function() { return $('#event_id_hidden').val(); },
+                    }
+                }
+            },  
+            'event_slug': {
+                required: true,
+                minlength: 5,
+                maxlength: 120,
+                remote: {
+                    url: "<?=route('event_name_exist')?>",
+                    type: "post",
+                    data: {
+                    "_token"    : "{{ csrf_token() }}",
+                    "event_id": function() { return $('#event_id_hidden').val(); },
+                    }
+                }
+            },           
+        },
+        messages: {
+            'event_name': {
+                required: "Please enter the event name",
+                remote: "Event name already in exist",
+            }, 
+            'event_slug': {
+                required: "Please enter the event slug",
+                remote: "Event slug already in exist",
+            },             
+        },
+        submitHandler: function(form) {      
+            var formID          =   $('#edit_event_form')[0];
+            var formData        =   new FormData(formID);
+            $.ajax({
+                url: "<?=route('update_event', ['id' => $event->id])?>",
+                method: 'post',
+                data: formData,
+                processData: false,
+                contentType: false,                
+                success: function(response) {  
+                    if(response.success==true){
+                        swal({
+                            title: 'Event Updated',
+                            text: 'Event updated successfully.',
+                            icon: "success",
+                            timer: 2000,
+                            buttons: false,
+                            showConfirmButton: false,
+                            showCloseButton: false,
+                        });
+                        setTimeout(function(){ 
+                            window.location= ('<?=route('event_list_web')?>');                                
+                        }, 2000);
+                    }
+                }
+            });
+        }
+    });
+
+});
+
+</script>
\ No newline at end of file
diff --git a/resources/views/event/event_list.blade.php b/resources/views/event/event_list.blade.php
new file mode 100644
index 000000000..b651addae
--- /dev/null
+++ b/resources/views/event/event_list.blade.php
@@ -0,0 +1,179 @@
+@extends('layout')
+@section('content')
+<div class="row text-right">
+  <div class="col-md-12">
+    <ul class="navbar-nav ml-auto">
+      <!-- Authentication Links -->
+      @guest
+      <li class="nav-item">
+        <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
+      </li>
+      @else
+      <li class="nav-item dropdown">
+        <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+          Welcome {{ Auth::user()->name }}
+        </a>
+
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
+                                              document.getElementById('logout-form').submit();">
+            {{ __('Logout') }}
+          </a>
+
+          <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+            @csrf
+          </form>
+        </div>
+      </li>
+      @endguest
+    </ul>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-3">
+    <h2><?= ($search == '1') ? 'Search' : 'All' ?> Events</h2>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-4">
+    <form id="event_search_form" action="<?= route('search_event_web') ?>" method="post">
+      <div class="input-group">
+        <input type="text" id="event_search_val" name="event_search_val" class="form-control" placeholder="ID, Event name, or Slug...">
+        <span class="input-group-btn">
+          @csrf
+          <?php
+          if ($search == '1') {
+          ?>
+            <a href="<?= route('event_list_web') ?>">
+              <button id="event_search_reset" class="btn btn-primary form-control" type="button" alt="Search Reset" title="Search Reset"><i class="fa fa-refresh"></i></button>
+            </a>
+          <?php
+          } else {
+          ?>
+            <button id="event_search" style="background-color:black;" class="btn btn-primary form-control" type="submit" alt="Search" title="Search"><i class="fa fa-search"></i></button>
+          <?php
+          }
+          ?>
+        </span>
+      </div>
+    </form>
+  </div>
+  <div class="col-sm">
+    <a href="<?= route('event_create_web') ?>">
+      <button class="btn btn-outline-secondary float-right" type="button " alt="Create Event" title="Create Event"><i class="fa fa-plus"></i> Create Event</button>
+    </a>
+    <a href="<?= route('event_list_remote') ?>">
+      <button class="btn btn-outline-secondary float-right"  style="margin-right:10px;" type="button" alt="Create Event" title="Create Event"><i class="fa fa-laptop"></i> Remote Event</button>
+    </a>
+  </div>
+</div>
+<table class="table table-bordered">
+  <thead>
+    <tr>
+      <th>ID</th>
+      <th>Name</th>
+      <th>Slug</th>
+      <th>Created At</th>
+      <th>Action</th>
+    </tr>
+  </thead>
+  <tbody>
+    <?php
+    if (count($events) > '0') {
+      foreach ($events as $event) {
+    ?>
+        <tr>
+          <td><?= $event->id ?></td>
+          <td><?= $event->name ?></td>
+          <td><?= $event->slug ?></td>
+          <td><?= $event->createdAt ?></td>
+          <td>
+            <a href="<?= route('event_show_web', ['id' => $event->id]) ?>/edit"><span class="badge badge-primary" role="button">Edit</span></a>
+            <span class="badge badge-danger" role="button" <?php if (Auth::check()) { ?> Onclick="delete_event('<?= $event->id ?>');" <?php } else { ?> Onclick="go_to_login();" <?php } ?>>Delete</span>
+          </td>
+        </tr>
+      <?php
+      }
+    } else {
+      ?>
+      <tr class="text-center">
+        <td colspan="5">There is no events.</td>
+      </tr>
+    <?php
+    }
+    ?>
+  </tbody>
+</table>
+<div class="d-felx justify-content-center">
+  <?= $events->links() ?>
+</div>
+@endsection
+
+<script src="{{ asset('js/jquery.min.js') }}"></script>
+<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.0.0/sweetalert.min.js" integrity="sha512-zwZQtJZnpG982ihGzVT53UY+yTFtT66spX5HOiYmKFeO1unLJ7NJdprbWOHKAhHdKSDwNKbBgCubsrvGJaAehQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script>
+  function delete_event(id) {
+    var _token = $('meta[name="csrf-token"]').attr('content');
+    swal({
+        title: "Are you sure?",
+        text: "Event may deleted!",
+        icon: "warning",
+        buttons: true,
+        dangerMode: true,
+      })
+      .then((willDelete) => {
+        if (willDelete) {
+          $.ajax({
+            url: "<?= route('delete_event_web') ?>",
+            method: 'post',
+            data: {
+              event_id: id,
+              _token: _token,
+            },
+            cache: false,
+            success: function(response) {
+              if (response.success == true) {
+                swal({
+                  title: "Deleted",
+                  text: "Event deleted successfully.",
+                  icon: "success",
+                  timer: 2000,
+                  buttons: false
+                });
+                setTimeout(function() {
+                  window.location = ('<?= route('event_list_web') ?>');
+                }, 2000);
+              }
+            }
+          });
+        }
+      });
+  }
+
+  function go_to_login() {
+    window.location = ('<?= route('login') ?>');
+  }
+  $(document).ready(function() {
+    $("#event_search_form").submit(function(e) {
+      e.preventDefault();
+    });
+    $("#event_search_form").validate({
+      errorElement: "div",
+      errorClass: "form-error-block",
+      rules: {
+        'event_search_val': {
+          required: true,
+        },
+      },
+      messages: {
+        'event_search_val': {
+          required: "",
+        },
+      },
+      submitHandler: function(form) {
+        $('#event_search_form')[0].submit();
+      }
+    });
+  });
+</script>
\ No newline at end of file
diff --git a/resources/views/event/event_show.blade.php b/resources/views/event/event_show.blade.php
new file mode 100644
index 000000000..4e57dc679
--- /dev/null
+++ b/resources/views/event/event_show.blade.php
@@ -0,0 +1,45 @@
+@extends('layout')
+@section('content')
+
+<div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">Show Event</div>
+
+                <div class="card-body">                    
+
+                    <div class="row mb-3">
+                        <label for="name" class="col-sm-2 col-form-label">Event Name</label>
+                        <div class="col-sm-10">
+                            <input type="text" readonly class="form-control-plaintext" value="<?=$event->name?>" />
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="slug" class="col-sm-2 col-form-label">Slug</label>
+                        <div class="col-sm-10">
+                            <input type="text" readonly class="form-control-plaintext" value="<?=$event->slug?>" />
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="slug" class="col-sm-2 col-form-label">Created At</label>
+                        <div class="col-sm-10">
+                            <input type="text" readonly class="form-control-plaintext" value="<?=date('d/m/Y h:i:s A', strtotime($event->createdAt))?>" />
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <label for="slug" class="col-sm-2 col-form-label">Updated At</label>
+                        <div class="col-sm-10">
+                            <input type="text" readonly class="form-control-plaintext" value="<?=date('d/m/Y h:i:s A', strtotime($event->updatedAt))?>" />
+                        </div>
+                    </div>
+                    <hr>
+                    <a href="<?=route('event_list_web')?>" class="btn btn-primary"><i class="fa fa-arrow-left"></i> Back</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
new file mode 100644
index 000000000..b0d3b8b44
--- /dev/null
+++ b/resources/views/layout.blade.php
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta property="og:type" content="Website" />
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="{{ asset('css/sweetalert.css') }}">
+    <style>
+        .pagination{
+            float: right;
+            margin-top: 10px;
+        }
+        .form-error-block {
+            border-color: #ff0000;
+            color: #ff0000;
+        }        
+    </style>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
+
+</head>
+<body>
+<div class="container mt-4">
+    @yield('content')
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
new file mode 100644
index 000000000..126967eea
--- /dev/null
+++ b/routes/web.php
@@ -0,0 +1,37 @@
+<?php
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\EventController;
+
+/*
+|--------------------------------------------------------------------------
+| Web Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register web routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+*/
+
+// Route::get('/', function () {
+//     return view('welcome');
+// });
+Route::get('/',                     [EventController::class, 'event_list_web']);
+Route::get('/events',               [EventController::class, 'event_list_web'])->name('event_list_web');
+Route::get('/events/create',        [EventController::class, 'event_create_web'])->name('event_create_web');
+Route::get('/events/{id}',          [EventController::class, 'event_show_web'])->name('event_show_web');
+Route::post('/event_name_exist',    [EventController::class, 'event_name_exist'])->name('event_name_exist');
+Route::get('events/{id}/edit',      [EventController::class, 'event_edit_web'])->name('event_edit_web');
+Route::put('events/{id}/edit',      [EventController::class, 'update_event'])->name('update_event');
+Route::post('events/event_store',   [EventController::class, 'create_event'])->name('event_store');
+Route::post('events/delete',        [EventController::class, 'delete_event_web'])->name('delete_event_web');
+Route::post('events/search',        [EventController::class, 'search_event_web'])->name('search_event_web');
+
+Route::get('/cache',                [EventController::class, 'event_list_cache'])->name('event_list_cache');
+Route::get('/remote',               [EventController::class, 'event_list_remote'])->name('event_list_remote');
+
+
+Auth::routes();
+
+Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');