diff --git a/app/Http/Controllers/Admin/Apps/FormController.php b/app/Http/Controllers/Admin/Apps/FormController.php
new file mode 100644
index 0000000..6ef04b7
--- /dev/null
+++ b/app/Http/Controllers/Admin/Apps/FormController.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Apps;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+
+/**loading models */
+use App\Models\Apps;
+
+class FormController extends Controller
+{
+    /**
+     * Displaying create menu
+     */
+    public function create()
+    {
+        $breadcrumb = ['Application Management'=>route('apps'), 'Register New Application'=>''];
+        $title = 'Register New Application';
+        return view('Admin.Apps.create')
+                ->with('breadcrumb', $breadcrumb)
+                ->with('title', $title);
+    }
+    /**
+     * Store data
+     * @param void object laravel Request
+     * @return string json 
+     */
+    public function store(Request $r)
+    {
+        //validate before saving
+        $validation = \Validator::make($r->all(),[
+            'name'=>'required',
+            'url'=>'required',]);
+
+        if ($validation->fails()) 
+            return response()->json(['errors'=>$validation->errors()], 422);
+        $apps = new Apps;
+        $apps->name = $r->input('name');
+        $apps->parent = $r->input('parent');
+        $apps->node_name = $r->input('node_name');
+        $apps->url = $r->input('url');
+        $apps->color = $r->input('color');
+        $apps->icon = $r->input('icon');
+        $apps->desc = $r->input('desc');
+        $apps->sorter = $r->input('sorter');
+        $apps->save();
+        
+        return response()->json(['status'=>'success']);
+    }
+
+}
diff --git a/app/Http/Controllers/Admin/Apps/IndexController.php b/app/Http/Controllers/Admin/Apps/IndexController.php
new file mode 100644
index 0000000..d57301d
--- /dev/null
+++ b/app/Http/Controllers/Admin/Apps/IndexController.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Apps;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+
+/**loading models */
+use App\Models\Apps;
+
+class IndexController extends Controller
+{
+    /**
+     * Displaying main panel of application management
+     * @return void displaying main panel of Application management
+     */
+    public function index()
+    {
+        $breadcrumb = ['Application Management'=>''];
+        $title = 'Application Management';
+        return view('Admin.Apps.index')
+                ->with('title', $title)
+                ->with('breadcrumb', $breadcrumb);
+    }
+    /**
+     * Getting list of registered Application
+     */
+    public function getList(Request $r)
+    {
+        $apps = Apps::where('name', 'like', '%'.$r->input('name').'%')
+                        ->get();
+        if (is_object($apps) && count($apps)>0)
+            return response()->json(['status'=>'success', 'd'=>$apps]);
+        else    
+            return response()->json(['status'=>'fail']);
+    }
+}
diff --git a/app/Http/Controllers/Admin/Profile/FormController.php b/app/Http/Controllers/Admin/Profile/FormController.php
index 07fea70..168db08 100644
--- a/app/Http/Controllers/Admin/Profile/FormController.php
+++ b/app/Http/Controllers/Admin/Profile/FormController.php
@@ -21,8 +21,8 @@ public function store(Request $r)
         $validation =\Validator::make($r->all(), [
             'name'=>'required|max:191',
             'id'=>'required',
-            'username'=>'required',
-            'email'=>'required|email',
+            'username'=>'required|alpha_dash',
+            'email'=>'required|email|unique:users,email,'.$r->input('id'),
             'avatar'=>'image|max:1024']);
         //check validataion result    
         if ($validation->fails()) 
@@ -79,7 +79,7 @@ private function moveFile($file, $filename, $path, $user)
             if (file_exists($path.$filename))
                 unlink($path.$filename);
             //check the existing file refer to exist data
-            if (file_exists($path.$user->avatar))
+            if ($user->avatar!="" && file_exists($path.$user->avatar))
                 unlink($path.$user->avatar);
             //check the existing file refer to exist data (thumbnail)
             if (file_exists($path.'thumb-'.$user->avatar))
diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index 5c06fd1..d688d83 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -50,7 +50,7 @@ protected function validator(array $data)
     {
         return Validator::make($data, [
             'name' => ['required', 'string', 'max:255'],
-            'username' => ['required', 'string', 'max:255', 'unique:users'],
+            'username' => ['required', 'string', 'alpha_dash ', 'max:255', 'unique:users'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
             'password' => ['required', 'string', 'min:8', 'confirmed'],
         ]);
diff --git a/app/Models/Apps.php b/app/Models/Apps.php
new file mode 100644
index 0000000..54db45f
--- /dev/null
+++ b/app/Models/Apps.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Apps extends Model
+{
+     
+}
diff --git a/database/migrations/2019_05_02_064742_create_apps_table.php b/database/migrations/2019_05_02_064742_create_apps_table.php
new file mode 100644
index 0000000..ec20eb5
--- /dev/null
+++ b/database/migrations/2019_05_02_064742_create_apps_table.php
@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateAppsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('apps', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->bigInteger('parent')->nullable();
+            $table->integer('sorter')->nullable();
+            $table->string('name');
+            $table->string('node_name')->nullable();
+            $table->mediumText('desc')->nullable();
+            $table->string('url');
+            $table->string('color')->nullable();
+            $table->string('icon')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('apps');
+    }
+}
diff --git a/public/assets/Admin/Apps/create.js b/public/assets/Admin/Apps/create.js
new file mode 100644
index 0000000..522bffd
--- /dev/null
+++ b/public/assets/Admin/Apps/create.js
@@ -0,0 +1,32 @@
+/**
+ * initialize event on creating menu management features
+ */
+var init = function(){
+    $('#app-form').submit(function(e){
+        e.preventDefault();
+        saveApps();
+    });
+}
+var saveApps = function(){
+    if ($('#app-form').postValidate()===false){
+        return false;
+    }
+    $('#app-form').postAjax({
+        success:function(r){
+            console.log(r);
+            if (r.status=="success"){
+                iziToast.success({
+                    title: 'INFO !',
+                    message: 'Operation success, data has been saved',
+                    position: 'topRight'
+                });
+            }else{
+                iziToast.error({
+                    title: 'INFO !',
+                    message: 'Operation failed, please check the data input',
+                    position: 'topRight'
+                });
+            }
+        }
+    });
+}
\ No newline at end of file
diff --git a/public/assets/Admin/Apps/index.js b/public/assets/Admin/Apps/index.js
new file mode 100644
index 0000000..4e84721
--- /dev/null
+++ b/public/assets/Admin/Apps/index.js
@@ -0,0 +1,60 @@
+/**
+ * Initial event
+ */
+var init = function(){
+    $('#app-index').submit(function(e){
+        e.preventDefault();
+        displayIndex();
+    });
+}
+/**
+ * displaying list of registered application
+ */
+var displayIndex = function(){
+    $('#app-index').postAjax({
+        success:function(r){
+            
+            if (r.status=="success"){
+                injectTable(r.d);
+            }else{
+                iziToast.error({
+                    title: 'Not Found !',
+                    message: 'Please try other keywords',
+                    position: 'topRight'
+                });
+            }
+        }
+    });
+}
+
+var injectTable = function(obj){
+    
+    var tr = "";
+    var td = $('#table-apps thead tr th');
+    var tbody = $('#table-apps tbody');
+    $.each(obj, function(i, v) {
+        datas = "";
+        $.each(v, function(id, iv) {
+            datas += 'data-' + id + '="' + iv + '"';
+        });
+        tr += "<tr id='act_" + i + "' " + datas + " class='context-menu' title='Right Click to choose operation. &#013;Sequence : &#013;"+v.caseqn+"'>";
+        $.each(td, function(index, field) {
+            tr += "<td style='" + $(this).attr('style') + "' class='" + $(this).attr('class') + "'>";
+            if ($(this).data('field')=='icon'){
+                if (v[$(this).data('field')]==null)
+                    tr += "<i class='fa fa-th'></i>";
+                else
+                    tr += "<i class='fa "+v[$(this).data('field')]+"'></i>";        
+            }else{
+                if (v[$(this).data('field')]==null)
+                    tr += '-';
+                else
+                    tr += v[$(this).data('field')];
+            }
+            
+            tr += "</td>";
+        });
+        tr += "</tr>";
+    });
+    tbody.html(tr);
+}
\ No newline at end of file
diff --git a/resources/views/Admin/Apps/create.blade.php b/resources/views/Admin/Apps/create.blade.php
new file mode 100644
index 0000000..53d90ec
--- /dev/null
+++ b/resources/views/Admin/Apps/create.blade.php
@@ -0,0 +1,242 @@
+@extends('layouts.master-admin')
+@section('component')
+    @component('layouts.elements.others.with-header', 
+        ['title'=>'Application Management',
+        'subtitle'=>'Create / Update Menu',
+        'desc'=>'Page for registering / updating application information',
+        'breadcrumb'=> (isset($breadcrumb)?$breadcrumb:'')])
+        <form id="app-form" method='POST' novalidate action="{{route('apps.ajax.store')}}">
+            @csrf
+            @component('layouts.elements.others.card',
+                ['title'=>'Application / Menu Configuration'])
+                <p class="text-muted">General settings such as name, photo profile, etc</p>
+                <div class="form-group row align-items-center">
+                    <label for="name" class="form-control-label text-md-right col-md-3">
+                        Name / ID
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Name</b>, Write the menu or application name here. It will represent Application <br/> 
+                                <b>Database info</b> : Apps.name">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-6">
+                        <input type="text" id="name" name="name"  
+                            class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}" 
+                            required  tabindex='1'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('name'))
+                                {{ $errors->first('name') }}</strong>
+                            @else
+                                {{__('Please fill in application / menu name')}}
+                            @endif
+                        </div>
+                    </div>
+                    <div class="col-md-2">
+                        <input type="text" id="id" name="id"  
+                            class="form-control {{ $errors->has('id') ? ' is-invalid' : '' }}" readonly/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('id'))
+                                {{ $errors->first('id') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="parent" class="form-control-label text-md-right col-md-3">
+                        Menu Parent
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Menu Parent</b>, Grouping the menu <br/> 
+                                <b>Database info</b> : Apps.parent">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="text" id="parent" name="parent"  
+                            class="form-control {{ $errors->has('parent') ? ' is-invalid' : '' }}" 
+                            tabindex='2'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('parent'))
+                                {{ $errors->first('parent') }}</strong>
+                            @else
+                                {{__('Please fill in menu parent')}}
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="sorter" class="form-control-label text-md-right col-md-3">
+                        Sorter Number
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Sorter Number</b>, Sort application menu by entering number sorter <br/> 
+                                <b>Database info</b> : Users.sorter">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="number" id="sorter" name="sorter"  
+                            class="form-control {{ $errors->has('sorter') ? ' is-invalid' : '' }}" 
+                            tabindex='3'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('sorter'))
+                                {{ $errors->first('sorter') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="node_name" class="form-control-label text-md-right col-md-3">
+                        Node Name
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Username</b>, it is your username. You can sign in using this username beside email <br/> 
+                                <b>Database info</b> : Users.username">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="text" id="node_name" name="node_name"  
+                            class="form-control {{ $errors->has('node_name') ? ' is-invalid' : '' }}" 
+                            tabindex='3'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('node_name'))
+                                {{ $errors->first('node_name') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="url" class="form-control-label text-md-right col-md-3">
+                        Url / Link Application
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Url / Link Application</b>, Prefix URL Link direction to application <br/> 
+                                <b>Database info</b> : Apps.url">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="text" id="url" name="url"  
+                            class="form-control {{ $errors->has('url') ? ' is-invalid' : '' }}" 
+                            required  tabindex='4'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('url'))
+                                {{ $errors->first('url') }}</strong>
+                            @else
+                                {{__('Please fill in Url / Link Application')}}
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="color" class="form-control-label text-md-right col-md-3">
+                        Color
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Color</b>, Color represent application <br/> 
+                                <b>Database info</b> : Apps.color">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="text" id="color" name="color"  
+                            class="form-control {{ $errors->has('color') ? ' is-invalid' : '' }}" 
+                            tabindex='5'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('color'))
+                                {{ $errors->first('color') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="icon" class="form-control-label text-md-right col-md-3">
+                        Icon
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Icon</b>, Icon represent application <br/> 
+                                <b>Database info</b> : Apps.icon">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <input type="text" id="icon" name="icon"  
+                            class="form-control {{ $errors->has('icon') ? ' is-invalid' : '' }}" 
+                            tabindex='6'/>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('icon'))
+                                {{ $errors->first('icon') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                <div class="form-group row align-items-center">
+                    <label for="desc" class="form-control-label text-md-right col-md-3">
+                        Description
+                        <a href="javascript:;"
+                            data-html="true" 
+                            data-toggle="popover" 
+                            data-trigger="focus" 
+                            data-content="
+                                <b>Description</b>, Describe the usage of application or everything relevant <br/> 
+                                <b>Database info</b> : Users.username">
+                            <i class="far fa-question-circle"></i>
+                            </a>
+                    </label>
+                    <div class="col-md-8">
+                        <textarea id="desc" name="desc"  
+                            class="form-control {{ $errors->has('desc') ? ' is-invalid' : '' }}" 
+                            tabindex='7'></textarea>
+                        <div class="invalid-feedback">
+                            @if ($errors->has('desc'))
+                                {{ $errors->first('desc') }}</strong>
+                            @endif
+                        </div>
+                    </div>
+                </div>    
+                @slot('footer')
+                    <div class="float-md-right">
+                        <button type="submit" class="btn btn-icon icon-right btn-info"  tabindex='8'> <i class="fa fa-save"></i> &nbsp; Save</button>
+                    </div>
+                @endslot
+            @endcomponent
+        </form>
+
+    @endcomponent
+@endsection
+@section('scripts')
+    <script src="{{asset('assets/modules/izitoast/js/iziToast.min.js')}}"></script>
+    <script src="{{asset('js/postAjax.js')}}"></script>
+    <script src="{{asset('assets/Admin/Apps/create.js')}}"></script>
+    <script>
+        $(document).ready(function(){
+            init();
+        });
+    </script>
+@endsection
+@section('css')
+    <link rel="stylesheet" href="{{asset('assets/modules/izitoast/css/iziToast.min.css')}}" />
+@endsection
\ No newline at end of file
diff --git a/resources/views/Admin/Apps/index.blade.php b/resources/views/Admin/Apps/index.blade.php
new file mode 100644
index 0000000..20da52f
--- /dev/null
+++ b/resources/views/Admin/Apps/index.blade.php
@@ -0,0 +1,85 @@
+@extends('layouts.master-admin')
+@section('component')
+    @component('layouts.elements.others.with-header', 
+            ['title'=>'Application Management',
+            'subtitle'=>'Application List',
+            'desc'=>'Page for doing some operation like register, update, delete Application, manage menu',
+            'breadcrumb'=> (isset($breadcrumb)?$breadcrumb:'')])
+        @component('layouts.elements.others.card',
+            ['title'=>'Application List'])   
+            <p class="text-muted">Write the keywords bellow to display list of registered application</p>
+            @slot('header_action')
+                <a class="badge badge-primary" href="{{route('apps.create')}}">&nbsp;<i class="fa fa-plus"></i> Add&nbsp;</a>
+            @endslot 
+            <form id="app-index" method='POST' novalidate action="{{route('apps.ajax.getList')}}">
+                @csrf
+                <div class="form-group row align-items-center">
+                    <label for="name" class="form-control-label col-md-2">
+                        Name 
+                    </label>
+                    <div class="col-md-3">
+                        <input type="text" id="name" name="name" class="form-control form-control-sm" />
+                    </div>
+                </div>
+                <div class="form-group row align-items-center">
+                    <label for="name" class="form-control-label col-md-2">
+                        &nbsp; 
+                    </label>
+                    <div class="col-md-3">
+                        <button class="btn btn-primary btn-sm">Display</button>
+                    </div>
+                </div>
+            </form>
+            <table class="table table-striped" id="table-apps">
+                <thead>
+                    <tr>
+                        <th class="text-center" data-field="icon">
+                            Icon
+                        </th>
+                        <th data-field="name">Name</th>
+                        <th data-field="url">URL Link</th>
+                        <th data-field="sorter">Sorter</th>
+                        <th data-field="desc">Desc</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="text-center">
+                            <div class="badge badge-info"><i class="fas fa-th"></i></div>
+                        </td>
+                        <td>Redesign homepage</td>
+                        <td class="align-middle">
+                            Apps/test
+                        </td>
+                        <td>
+                            1
+                        </td>
+                        <td>2018-04-10</td>
+                    </tr>
+                    <tr>
+                        <td class="text-center">
+                            <div class="badge badge-info"><i class="fas fa-th"></i></div>
+                        </td>
+                        <td>Redesign homepage</td>
+                        <td class="align-middle">
+                            Apps/test
+                        </td>
+                        <td>
+                            1
+                        </td>
+                        <td>2018-04-10</td>
+                    </tr>
+                </tbody>
+            </table>
+
+            @slot('footer')@endslot
+        @endcomponent
+    @endcomponent
+@endsection
+@section('scripts')
+<script src="{{asset('js/postAjax.js')}}"></script>
+    <script src="{{asset('assets/Admin/Apps/index.js')}}"></script>
+    <script>
+        init();
+    </script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/Admin/Profile/menu-setting.blade.php b/resources/views/Admin/Profile/menu-setting.blade.php
index edecc86..a012bd2 100644
--- a/resources/views/Admin/Profile/menu-setting.blade.php
+++ b/resources/views/Admin/Profile/menu-setting.blade.php
@@ -3,7 +3,7 @@
     <div class="text-center">
         <img alt="image" 
             id ="avatar-image"
-            src="{{file_exists(public_path('files/admin/users/').\Auth::user()->avatar)?asset('files/admin/users/thumb-'.\Auth::user()->avatar):asset('assets/img/avatar/avatar-1.png')}}" 
+            src="{{\Auth::user()->avatar!="" && file_exists(public_path('files/admin/users/').\Auth::user()->avatar)?asset('files/admin/users/thumb-'.\Auth::user()->avatar):asset('assets/img/avatar/avatar-1.png')}}" 
             class="rounded-circle author-box-picture" 
             style="width:100px;">
         <div class="clearfix"></div>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 9fe7d2c..4396d19 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -26,7 +26,7 @@
                         </div>
                         <div class="form-group col-6">
                             <label for="username">{{__('Username')}}</label>
-                            <input id="username" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="username" value="{{ old('name') }}" required autofocus />
+                            <input id="username" type="text" class="form-control{{ $errors->has('username') ? ' is-invalid' : '' }}" name="username" value="{{ old('username') }}" required autofocus />
                             <div class="invalid-feedback">
                                 @if ($errors->has('username'))
                                     {{ $errors->first('username') }}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c181488..2866df4 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
         <!-- CSRF Token -->
         <meta name="csrf-token" content="{{ csrf_token() }}">
-        <title>{{ config('app.name', 'Laravel') }}</title>
+        <title>{{ (isset($title) && $title!=''?$title:config('app.name', 'Laravel')) }}</title>
         <!-- General CSS Files -->
         <link rel="stylesheet" href="{{asset('assets/modules/bootstrap/css/bootstrap.min.css')}}">
         <link rel="stylesheet" href="{{asset('assets/modules/fontawesome/css/all.min.css')}}">
diff --git a/resources/views/layouts/elements/others/card.blade.php b/resources/views/layouts/elements/others/card.blade.php
index b561608..fbb4ba8 100644
--- a/resources/views/layouts/elements/others/card.blade.php
+++ b/resources/views/layouts/elements/others/card.blade.php
@@ -8,8 +8,13 @@
                 <small>@ component('layouts.elements.others.card', ['title'=>'<b>Your Title</b>'])</small>
             @endif
         </h4>
+        @if (isset($header_action))
+        <div class="card-header-action">
+            {{$header_action}}
+        </div>
+        @endif
     </div>
-    <div class="card-body">
+    <div class="card-body @if(isset($body_class)) {{$body_class}} @endif">
         {{$slot}}
     </div>
     @if (isset($footer))
diff --git a/routes/web.php b/routes/web.php
index 28f921c..879c65f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -20,8 +20,15 @@
  * Grouping all the route that need authentication to access it
  */
 Route::group(['middleware' => 'auth'], function() {
+
     Route::get('profile', 'Admin\Profile\IndexController@index')->name('profile');
     Route::get('profile/setting', 'Admin\Profile\IndexController@setting')->name('profile-setting');
     Route::post('profile/store', 'Admin\Profile\FormController@store')->name('profile-store');
     Route::post('profile/password', 'Admin\Profile\PwdController@change')->name('profile-change-pwd');
+
+    Route::get('apps', 'Admin\Apps\IndexController@index')->name('apps');
+    Route::get('apps/create', 'Admin\Apps\FormController@create')->name('apps.create');
+    Route::post('apps/ajax/store', 'Admin\Apps\FormController@store')->name('apps.ajax.store');
+    Route::post('apps/ajax/getList', 'Admin\Apps\IndexController@getList')->name('apps.ajax.getList');
+
 });