diff --git a/app/Http/Controllers/Api/DataSettingController.php b/app/Http/Controllers/Api/DataSettingController.php
new file mode 100644
index 0000000..ac5d1d4
--- /dev/null
+++ b/app/Http/Controllers/Api/DataSettingController.php
@@ -0,0 +1,104 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\DataSettingRequest;
+use App\Http\Resources\DataSettingResource;
+use App\Models\DataSetting;
+use App\Traits\GlobalApiResponse;
+use Exception;
+use Illuminate\Http\Request;
+
+class DataSettingController extends Controller
+{
+    use GlobalApiResponse;
+    /**
+     * Display a listing of the resource.
+     */
+    public function index(Request $request)
+    {
+        try {
+            $query = DataSetting::query()->orderBy('id', 'desc');
+            if ($request->has("search") && !empty($request->get("search"))) {
+                $query = $query->where("key", $request->get("search"));
+            }
+
+            return DataSettingResource::collection($query->paginate());
+        } catch (Exception $e) {
+            return $this->resError($e->getMessage(), $e->getTrace());
+        }
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(DataSettingRequest $request)
+    {
+        try {
+            $data = DataSetting::create($request->validated());
+            $result = [
+                "success" => true,
+                "message" => "Data Setting created successfully",
+                "data" => new DataSettingResource($data)
+            ];
+            return $this->resSuccess($result);
+        } catch (Exception $e) {
+            return $this->resError($e->getMessage(), $e);
+        }
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(string $id)
+    {
+        try {
+            $setting = DataSetting::findOrFail($id);
+            $result = [
+                "setting" => true,
+                "message" => "Data setting successfully",
+                "data" => new DataSettingResource($setting)
+            ];
+            return $this->resSuccess($result);
+        } catch (Exception $e) {
+            return $this->resError($e->getMessage());
+        }
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(DataSettingRequest $request, string $id)
+    {
+        try {
+            $data = DataSetting::findOrFail($id);
+            $data->update($request->validated());
+            $result = [
+                "success" => true,
+                "message" => "Data Setting updated successfully"
+            ];
+            return $this->resSuccess($result);
+        } catch (Exception $e) {
+            return $this->resError($e->getMessage());
+        }
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        try {
+            $setting = DataSetting::findOrFail($id);
+            $setting->delete();
+            $result = [
+                "success" => true,
+                "message" => "Data Setting deleted successfully"
+            ];
+            return $this->resSuccess($result);
+        } catch (Exception $e) {
+            return $this->resError($e->getMessage());
+        }
+    }
+}
diff --git a/app/Http/Controllers/DataSettingController.php b/app/Http/Controllers/DataSettingController.php
new file mode 100644
index 0000000..c4ea65d
--- /dev/null
+++ b/app/Http/Controllers/DataSettingController.php
@@ -0,0 +1,106 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\DataSettingRequest;
+use App\Models\DataSetting;
+use Exception;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+
+class DataSettingController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        return view("data-settings.index");
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        return view("data-settings.create");
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(DataSettingRequest $request)
+    {
+        try{
+            DB::beginTransaction();
+            DataSetting::create($request->validated());
+            DB::commit();
+            return redirect()->route("data-settings.index")->with("success","Successfully created");
+        }catch(Exception $ex){
+            DB::rollBack();
+            return redirect()->back()
+            ->withInput()
+            ->with('error', 'Something went wrong while saving data. ' . $ex->getMessage());
+        }
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(DataSetting $dataSetting)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(string $id)
+    {
+        try{
+            $data = DataSetting::findOrFail($id);
+            if(empty($data)){
+                return redirect()->route('data-settings.index')->with('error', 'Invalid id');
+            }
+            return view("data-settings.edit", compact("data"));
+        }catch(Exception $ex){
+            return redirect()->route("data-settings.index")->with("error", "Invalid id");
+        }
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(DataSettingRequest $request,string $id)
+    {
+        try{
+            DB::beginTransaction();
+            $data = DataSetting::findOrFail($id);
+            $data->update($request->validated());
+            DB::commit();
+            return redirect()->route("data-settings.index")->with("success","Successfully updated");
+        }catch(Exception $ex){
+            DB::rollBack();
+            return redirect()->back()
+            ->withInput()
+            ->with('error', 'Something went wrong while saving data. ' . $ex->getMessage());
+        }
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        try{
+            DB::beginTransaction();
+            DataSetting::findOrFail($id)->delete();
+            DB::commit();
+            return response()->json(['success' => true, 'message' => 'Item deleted successfully.']);
+        }catch(Exception $e){
+            DB::rollBack();
+            Log::error($e->getMessage());
+            return response()->json(['success' => false, 'message' => 'Failed to delete item.'], 500);
+        }
+    }
+}
diff --git a/app/Http/Controllers/RoutingController.php b/app/Http/Controllers/RoutingController.php
index 6392e29..2bb3b5f 100755
--- a/app/Http/Controllers/RoutingController.php
+++ b/app/Http/Controllers/RoutingController.php
@@ -15,30 +15,4 @@ class RoutingController extends Controller
             return redirect('auth.signin');
         }
     }
-
-    /**
-     * Display a view based on first route param
-     *
-     * @return \Illuminate\Http\Response
-     */
-    public function root(Request $request, $first)
-    {
-        return view($first);
-    }
-
-    /**
-     * second level route
-     */
-    public function secondLevel(Request $request, $first, $second)
-    {
-        return view($first . '.' . $second);
-    }
-
-    /**
-     * third level route
-     */
-    public function thirdLevel(Request $request, $first, $second, $third)
-    {
-        return view($first . '.' . $second . '.' . $third);
-    }
 }
diff --git a/app/Http/Requests/DataSettingRequest.php b/app/Http/Requests/DataSettingRequest.php
new file mode 100644
index 0000000..2305e39
--- /dev/null
+++ b/app/Http/Requests/DataSettingRequest.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class DataSettingRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        $id = $this->route('data_setting');
+        return [
+            "key" => "required|unique:data_settings,key," . $id,
+            "value" => "required",
+            "type" => "nullable",
+        ];
+    }
+}
diff --git a/app/Http/Resources/DataSettingResource.php b/app/Http/Resources/DataSettingResource.php
new file mode 100644
index 0000000..3cc1d14
--- /dev/null
+++ b/app/Http/Resources/DataSettingResource.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class DataSettingResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'key' => $this->key,
+            'value' => $this->value,
+            'type' => $this->type,
+            'created_at' => $this->created_at->toDateTimeString(),
+            'updated_at' => $this->updated_at->toDateTimeString(),
+        ];
+    }
+}
diff --git a/app/Models/DataSetting.php b/app/Models/DataSetting.php
new file mode 100644
index 0000000..8ac2f87
--- /dev/null
+++ b/app/Models/DataSetting.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class DataSetting extends Model
+{
+    protected $table = "data_settings";
+    protected $fillable = [
+        "key",
+        "value",
+        "type"
+    ];
+}
diff --git a/database/migrations/2025_02_04_133926_create_data_settings_table.php b/database/migrations/2025_02_04_133926_create_data_settings_table.php
new file mode 100644
index 0000000..b4ee77e
--- /dev/null
+++ b/database/migrations/2025_02_04_133926_create_data_settings_table.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('data_settings', function (Blueprint $table) {
+            $table->id();
+            $table->string('key')->unique();
+            $table->string('value');
+            $table->string('type')->nullable()->default('integer');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('data_settings');
+    }
+};
diff --git a/database/seeders/DataSettingSeeder.php b/database/seeders/DataSettingSeeder.php
new file mode 100644
index 0000000..2303d5b
--- /dev/null
+++ b/database/seeders/DataSettingSeeder.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\DataSetting;
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+
+class DataSettingSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $data_settings = [
+            [
+            "key" => "TARGET_PAD",
+            "value" => "33.200.000.000",
+            "type" => "integer"
+            ]
+        ];
+
+        foreach ($data_settings as $setting) {
+            DataSetting::updateOrCreate([
+                "key" => $setting["key"],
+            ],[
+                "value" => $setting["value"],
+                "type" => $setting["type"],
+                "created_at" => now(),
+                "updated_at" => now(),
+            ]);
+        }
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index 6037de1..6861a22 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "Darkone-Laravel",
+  "name": "sibedas-pbg-web",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
diff --git a/resources/js/data-settings/index.js b/resources/js/data-settings/index.js
new file mode 100644
index 0000000..2e9f2a4
--- /dev/null
+++ b/resources/js/data-settings/index.js
@@ -0,0 +1,107 @@
+import { Grid } from "gridjs/dist/gridjs.umd.js";
+import gridjs from "gridjs/dist/gridjs.umd.js";
+import "gridjs/dist/gridjs.umd.js";
+import GlobalConfig from "../global-config.js";
+
+class DataSettings {
+    init() {
+        this.getFetchApiData();
+    }
+
+    getFetchApiData() {
+        const table = new Grid({
+            columns: [
+                "ID",
+                "Key",
+                "Value",
+                "Created",
+                {
+                    name: "Actions",
+                    width: "120px",
+                    formatter: function (cell) {
+                        console.log("cell data", cell);
+                        return gridjs.html(`
+												<div class="d-flex justify-items-end gap-10">
+												<a href="/data-settings/${cell}/edit" class="btn btn-yellow me-2">Update</a>
+												<button class="btn btn-red btn-delete btn-delete-data-settings" data-id="${cell}">Delete</button>
+												</div>
+											`);
+                    },
+                },
+            ],
+            search: {
+                server: {
+                    url: (prev, keyword) => `${prev}?search=${keyword}`,
+                },
+            },
+            pagination: {
+                limit: 15,
+                server: {
+                    url: (prev, page) =>
+                        `${prev}${prev.includes("?") ? "&" : "?"}page=${
+                            page + 1
+                        }`,
+                },
+            },
+            sort: true,
+            server: {
+                url: `${GlobalConfig.apiHost}/api/api-data-settings`,
+                headers: {
+                    Authorization: `Bearer ${document
+                        .querySelector('meta[name="api-token"]')
+                        .getAttribute("content")}`,
+                    "Content-Type": "application/json",
+                },
+                then: (data) =>
+                    data.data.map((item) => [
+                        item.id,
+                        item.key,
+                        item.value,
+                        item.created_at,
+                        item.id,
+                    ]),
+                total: (data) => data.meta.total,
+            },
+        });
+        table.render(document.getElementById("table-data-settings"));
+
+        document.addEventListener("click", this.handleDelete);
+    }
+    handleDelete(event) {
+        if (event.target.classList.contains("btn-delete-data-settings")) {
+            event.preventDefault();
+            const id = event.target.getAttribute("data-id");
+
+            if (confirm("Are you sure you want to delete this item?")) {
+                fetch(`/data-settings/${id}`, {
+                    method: "DELETE",
+                    headers: {
+                        "X-CSRF-TOKEN": document
+                            .querySelector('meta[name="csrf-token"]')
+                            .getAttribute("content"),
+                        "Content-Type": "application/json",
+                    },
+                })
+                    .then((response) => {
+                        if (response.ok) {
+                            alert("Item deleted successfully!");
+                            window.location.reload();
+                        } else {
+                            return response.json().then((error) => {
+                                throw new Error(
+                                    error.message || "Failed to delete item."
+                                );
+                            });
+                        }
+                    })
+                    .catch((error) => {
+                        console.error("Error deleting item:", error);
+                        alert("Something went wrong. Please try again.");
+                    });
+            }
+        }
+    }
+}
+document.addEventListener("DOMContentLoaded", function (e) {
+    new DataSettings().init();
+});
diff --git a/resources/views/data-settings/create.blade.php b/resources/views/data-settings/create.blade.php
new file mode 100644
index 0000000..e6d22da
--- /dev/null
+++ b/resources/views/data-settings/create.blade.php
@@ -0,0 +1,50 @@
+@extends('layouts.vertical', ['subtitle' => 'Create'])
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data Settings', 'subtitle' => 'Setting Dashboard'])
+
+<div class="row d-flex justify-content-center">
+  @if (session('error'))
+    <div class="alert alert-danger">
+    {{ session('error') }}
+    </div>
+  @endif
+
+  @if ($errors->any())
+    <div class="alert alert-danger">
+    <ul>
+      @foreach ($errors->all() as $error)
+      <li>{{ $error }}</li>
+    @endforeach
+    </ul>
+    </div>
+  @endif
+  <div class="col-lg-6">
+    <div class="card">
+      <div class="card-body">
+        <form action="{{ route('data-settings.store') }}" method="POST">
+          @csrf
+          <div class="mb-3">
+            <label for="key" class="form-label">Key</label>
+            <input type="text" id="key" class="form-control" name="key">
+          </div>
+          <div class="mb-3">
+            <label for="value" class="form-label">Value</label>
+            <input type="text" id="value" class="form-control" name="value">
+          </div>
+          <div class="mb-3">
+            <label for="type" class="form-label">Type</label>
+            <input type="text" id="type" class="form-control" name="type">
+          </div>
+          <button type="submit" class="btn btn-success width-lg">Create</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection
\ No newline at end of file
diff --git a/resources/views/data-settings/edit.blade.php b/resources/views/data-settings/edit.blade.php
new file mode 100644
index 0000000..58a8c42
--- /dev/null
+++ b/resources/views/data-settings/edit.blade.php
@@ -0,0 +1,51 @@
+@extends('layouts.vertical', ['subtitle' => 'Create'])
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data Settings', 'subtitle' => 'Setting Dashboard'])
+
+<div class="row d-flex justify-content-center">
+	@if (session('error'))
+		<div class="alert alert-danger">
+			{{ session('error') }}
+		</div>
+	@endif
+
+	@if ($errors->any())
+		<div class="alert alert-danger">
+			<ul>
+				@foreach ($errors->all() as $error)
+					<li>{{ $error }}</li>
+				@endforeach
+			</ul>
+		</div>
+	@endif
+	<div class="col-lg-6">
+		<div class="card">
+			<div class="card-body">
+				<form action="{{ route('data-settings.update', $data->id) }}" method="POST">
+					@csrf
+					@method('PUT')
+					<div class="mb-3">
+						<label for="key" class="form-label">Key</label>
+						<input type="text" id="key" class="form-control" name="key" value="{{$data->key}}">
+					</div>
+					<div class="mb-3">
+						<label for="value" class="form-label">Value</label>
+						<input type="text" id="value" class="form-control" name="value" value="{{$data->value}}">
+					</div>
+					<div class="mb-3">
+						<label for="type" class="form-label">Type</label>
+						<input type="text" id="type" class="form-control" name="type" value="{{$data->type}}">
+					</div>
+					<button type="submit" class="btn btn-success width-lg">Update</button>
+				</form>
+			</div>
+		</div>
+	</div>
+</div>
+
+@endsection
+
+@section('scripts')
+@endsection
\ No newline at end of file
diff --git a/resources/views/data-settings/index.blade.php b/resources/views/data-settings/index.blade.php
new file mode 100644
index 0000000..16bfd11
--- /dev/null
+++ b/resources/views/data-settings/index.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.vertical', ['subtitle' => 'Data Settings'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data Settings', 'subtitle' => 'Setting Dashboard'])
+
+<div class="row">
+	<div class="d-flex justify-content-end pb-3">
+		<a href="{{ route('data-settings.create')}}" class="btn btn-success width-lg">Create</a>
+	</div>
+	<div>
+		<div id="table-data-settings"></div>
+	</div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/data-settings/index.js'])
+@endsection
\ No newline at end of file
diff --git a/resources/views/layouts/partials/sidebar.blade.php b/resources/views/layouts/partials/sidebar.blade.php
index 99331ed..07160cd 100644
--- a/resources/views/layouts/partials/sidebar.blade.php
+++ b/resources/views/layouts/partials/sidebar.blade.php
@@ -29,7 +29,7 @@
                     <div class="collapse" id="sidebarDashboard">
                          <ul class="nav sub-navbar-nav">
                               <li class="sub-nav-item">
-                                   <a class="sub-nav-link" href="{{ route ('home' ) }}">SIBEDAS</a>
+                                   <a class="sub-nav-link" href="{{ route ('home' ) }}">Pimpinan</a>
                               </li>
                               <li class="sub-nav-item">
                                    <a class="sub-nav-link" href="{{ route ('home' ) }}">Dashboard 2</a>
@@ -78,6 +78,23 @@
                     </div>
                </li>
 
+               <li class="nav-item">
+                    <a class="nav-link menu-arrow" href="#dataSettings" data-bs-toggle="collapse" role="button"
+                         aria-expanded="false" aria-controls="dataSettings">
+                         <span class="nav-icon">
+                              <iconify-icon icon="mingcute:settings-1-line"></iconify-icon>
+                         </span>
+                         <span class="nav-text">Data Settings</span>
+                    </a>
+                    <div class="collapse" id="dataSettings">
+                         <ul class="nav sub-navbar-nav">
+                              <li class="sub-nav-item">
+                                   <a class="sub-nav-link" href="{{ route ('data-settings.index' ) }}">Setting Dashboard</a>
+                              </li>
+                         </ul>
+                    </div>
+               </li>
+
                <li class="nav-item">
                     <a class="nav-link menu-arrow" href="#data" data-bs-toggle="collapse" role="button"
                          aria-expanded="false" aria-controls="data">
diff --git a/routes/api.php b/routes/api.php
index afc9dec..b0c9984 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\Api\DashboardController;
+use App\Http\Controllers\Api\DataSettingController;
 use App\Http\Controllers\Api\GlobalSettingsController;
 use App\Http\Controllers\Api\ImportDatasourceController;
 use App\Http\Controllers\Api\RequestAssignmentController;
@@ -39,6 +40,9 @@ Route::group(['middleware' => 'auth:sanctum'], function (){
 
     // scraping
     Route::apiResource('/scraping', ScrapingController::class);
+
+    // data-settings
+    Route::apiResource('/api-data-settings', DataSettingController::class);
 });
 
 
diff --git a/routes/web.php b/routes/web.php
index 40d4e8c..e14d793 100755
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\DataSettingController;
 use App\Http\Controllers\Dashboards\BigDataController;
 use App\Http\Controllers\Home\HomeController;
 use App\Http\Controllers\Master\UsersController;
@@ -39,4 +40,7 @@ Route::group(['middleware' => 'auth'], function(){
             Route::get('/index', 'index')->name('request-assignments.index');
         });
     });
+
+    // data settings
+    Route::resource('/data-settings', DataSettingController::class);
 });
\ No newline at end of file