diff --git a/app/views/challenge/index.php b/app/views/challenge/index.php
new file mode 100644
index 0000000000000000000000000000000000000000..c4e755cca55d7d7862c257fb2b6c954e2a1f2ce9
--- /dev/null
+++ b/app/views/challenge/index.php
@@ -0,0 +1,87 @@
+<?php
+session_start();
+if (!isset($_SESSION['username'])) {
+    header('Location: ../login');
+    return;
+}
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Challenge</title>
+    <link rel="stylesheet" href="../../../public/css/achievement.css">
+    <link rel="stylesheet" href="../../../public/css/challenge.css">
+    <script src="../../../public/js/challenge.js"></script>
+</head>
+<body>
+    <?php include "../dashboard/index.php" ?>
+    <div class="achievement-container">
+        <div id="overlay" class="overlay"></div>
+        <h1 id="challenge-title"><b>CHALLENGE</b></h1>
+        <progress value="0" max="100" style="display: none;"></progress>
+        <div class="status" id="status"></div>
+        <br><br>
+        <div class="search-container">
+            <div class="full-search-container">
+                <input type="text" class="searchInput" id="searchInput" placeholder="Search...">
+                <select class="search-attribute" id="search-attribute" aria-labelledby="challenge-title">
+                    <option value="id">ID</option>
+                    <option value="name">Name</option>
+                    <option value="description">Description</option>
+                </select>
+            </div>
+            <div class="filter-sort-container">
+                <div class="sort-container">
+                    <h2 id="challenge-sort">Sort:   </h2>
+                    <select class="sort-by" id="sort-by" aria-labelledby="challenge-sort">
+                        <option value="default">Sort</option>
+                        <option value="id">ID</option>
+                        <option value="name">Name</option>
+                        <option value="description">Description</option>
+                        <option value="threshold">Threshold</option>
+                    </select>
+                    <select class="sort-type" id="sort-type" aria-labelledby="challenge-sort">
+                        <option value="default">Sort-Type</option>
+                        <option value="asc">Ascending</option>
+                        <option value="desc">Descending</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <br><br>
+        <div class="filter-box">
+            <select class="page-limit" id="page-limit" aria-labelledby="challenge-title">
+                <option value=5>5</option>
+                <option value=10>10</option>
+                <option value=15>15</option>
+                <option value=20>20</option>
+            </select>
+        </div>
+        <table class="achievement-table">
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Name</th>
+                    <th>Description</th>
+                    <th>Threshold</th>
+                    <th>Status</th>
+                    <th>Claim</th>
+                </tr>
+            </thead>
+            <tbody class="achievement-list" id="achievement-list">
+                <!-- Data achievement di sini -->
+            </tbody>
+        </table>
+        
+        <div class="pagination">
+            <div id="pagination-buttons">
+                <!-- Tombol pagination akan dimuat di sini menggunakan AJAX -->
+            </div>
+        </div>
+        
+    </div>
+</body>
+</html>
diff --git a/app/views/dashboard/index.php b/app/views/dashboard/index.php
index 6f2af71292db05b790dbad20f197ca95c57e3696..feef9e63046e574f0a9aecbec7b20edeb82bf5f4 100644
--- a/app/views/dashboard/index.php
+++ b/app/views/dashboard/index.php
@@ -11,7 +11,7 @@
     <div class="sidebar">
         <h2>Darmodar</h2>
         <ul>
-            <li><a href="#">Challenges</a></li>
+            <li><a href="../challenge/">Challenges</a></li>
             <li><a href="../Hall-of-Fame?page=1">Hall of Fame</a></li>
             <li><a href="../collection">Collection</a></li>
             <li><a href="../achievement">Achievement</a></li>