diff --git a/src/css/style.css b/src/css/style.css
index 6ffdb2d..3496c59 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -64,4 +64,87 @@
 
 .container-login form p a span {
     color: yellow;
+}
+
+.container-register {
+    display: flex;
+    width: 100%;
+    height: 100dvh;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.container-register h1 {
+    font-size: 100px;
+}
+
+.container-register form {
+    text-align: center;
+    padding: 30px;
+}
+
+.container-register form h2 {
+    margin-bottom: 20px;
+    font-size: 30px;
+    text-transform: capitalize;
+}
+
+.container-register form input {
+    margin-bottom: 10px;
+    width: 200px;
+    height: 30px;
+    border-radius: 6px;
+    text-align: center;
+    background-color: black;
+    border: 1px solid white;
+    color: white;
+}
+
+.container-register form input::placeholder {
+    color: #919191;
+}
+
+.container-register form button {
+    border-radius: 6px;
+    width: 200px;
+    height: 30px;
+    margin-top: 40px;
+    font-size: 30px
+}
+
+.container-register form button:hover {
+    border-radius: 6px;
+    width: 200px;
+    height: 30px;
+    margin-top: 40px;
+    font-size: 30px;
+}
+
+.container-register form p {
+    margin-top: 10px;
+}
+
+.container-register form p a {
+    color: white;
+    text-decoration: none;
+}
+
+.container-register form p a span {
+    color: yellow;
+}
+
+.container-board .chara {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.container-board .chara .character {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
 }
\ No newline at end of file
diff --git a/src/index.php b/src/index.php
index 0a2f649..f23e0cf 100644
--- a/src/index.php
+++ b/src/index.php
@@ -42,6 +42,7 @@ $db->close();
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>login</title>
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <link rel="stylesheet" href="/css/global.css">
     <link rel="stylesheet" href="/css/style.css">
 </head>
@@ -56,5 +57,9 @@ $db->close();
             <p placeholder="input your password" data-aos="fade-up" data-aos-duration="3000"><a href="register.php">don't have account yet?<span> register now!</span></a></p>
         </form>
     </div>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/leaderboard.php b/src/leaderboard.php
index e69de29..963992d 100644
--- a/src/leaderboard.php
+++ b/src/leaderboard.php
@@ -0,0 +1,111 @@
+<?php 
+// session_start();
+// require_once "config/db.php";
+
+// $sql_leaderbord = "SELECT u.username, c.poin FROM characters c JOIN users u ON u.user_id = c.user_id ORDER BY c.poin DESC LIMIT 10 ";
+
+// $result = $db ->query($sql_leaderbord);
+
+// $leaderboard=[];
+// if($result&&$result -> num_rows >0){
+//     while($row = $result->fetch_assoc()){
+//         $leaderboard[]=$row;
+//     }
+// }
+
+?>
+
+    <!DOCTYPE html>
+    <html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>leaderboard</title>
+        <link rel="stylesheet" href="css/style.css">
+    </head>
+    <style>
+        .chara {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+            align-items: center;
+        }
+
+        .chara .character {
+            display: flex;
+            width: 100%;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+        }
+
+        .chara .character img {
+            width: 300px;
+            image-rendering: pixelated;
+            margin: 20px;
+        }
+
+        .menu {
+            margin: 0 auto;
+            border-radius: 10px;
+            width: 400px;
+            border: 1px solid;
+            height: 40px;
+            align-content: center;
+        }
+
+        table {
+            width: 100%;
+            border: 1px solid;
+            height: 20px;
+        }
+    </style>
+
+    <body>
+        <div class="container-board">
+            <div class="chara">
+                <div class="menu">
+                    <h1 style="text-align: center;">Matthew as Knight</h1>
+                </div>
+                <h1 style="text-align: center;">150pts</h1>
+                <div class="character">
+                    <img src="../src/assets/Design/KnightPixLE.png" alt="knight">
+                </div>
+            </div>
+            <div class="board col">
+                <table>
+                    <thead>
+                        <tr>
+                            <th>#</th>
+                            <th>Username</th>
+                            <th>Score</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php 
+                        $peringkat = 1;
+                        foreach ($leaderboard as $pemain) :
+                        ?>
+                        
+                            <tr>
+                                <td><?php echo $peringkat; ?></td>
+                                <td><?php echo htmlspecialchars($pemain['username']); ?></td>
+                                <td><?php echo $pemain['poin']; ?> PTS</td>
+                            </tr>
+
+                        <?php 
+                            $peringkat++;
+                        endforeach;
+                        
+                        if (empty($leaderboard)) {
+                            echo '<tr><td colspan="3" style="text-align: center;">Belum ada pemain</td></tr>';
+                        }
+                        ?>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </body>
+
+    </html>
\ No newline at end of file
diff --git a/src/register.php b/src/register.php
index e69de29..0c6e67e 100644
--- a/src/register.php
+++ b/src/register.php
@@ -0,0 +1,90 @@
+<?php
+
+session_start();
+include "config/db.php";
+
+$pesan_sukses="";
+$pesan_gagal="";
+
+
+if(isset($_POST['register'])){
+    $email = $_POST['email'];
+    $username = $_POST['username'];
+    $password = $_POST['password'];
+    $rpassword = $_POST['rpassword'];
+    
+    if(empty($email) || empty($username) || empty($password)){
+        $pesan_gagal= "Semua data harus terisi";
+    }else if($password !== $rpassword){
+        $pesan_gagal=  "password tidak sama";
+    }
+    else{
+        $hashpw = password_hash($password, PASSWORD_DEFAULT); 
+
+        $sql = "INSERT INTO users (email,username,password)VALUES(?,?,?)";
+
+        $stmt = $db -> prepare($sql);
+
+        $stmt->bind_param("sss",$email,$username,$hashpw);
+
+
+        if($stmt->execute()){
+
+            $new_user_id =$db-> insert_id;
+
+            $sql_char = "INSERT INTO characters (user_id, name, poin) VALUES (?, ?, 0)";
+            
+            $stmt_char = $db->prepare($sql_char);
+            $stmt_char->bind_param("is", $new_user_id, $username);
+
+            if($stmt_char->execute()){
+                header("location:index.php");
+                exit();
+            }else{
+                $pesan_gagal = "Registrasi user berhasil, tapi gagal membuat karakter: " . $stmt_char->error;
+            }
+            $stmt_char->close();
+
+        }else{
+            if($stmt->erno==1602){
+                $pesan_gagal = "email atau username sudah pernah terdaftar";
+            }else{
+                $pesan_sukses = "Regitrasi gagal: ".$stmt->error;
+            }
+        }
+        $stmt -> close();
+    }
+}$db->close()
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>codebeater</title>
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/global.css">
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <div class="container-register">
+        <h1 data-aos="zoom-out" data-aos-duration="1000">codebeater</h1>
+        <form action="register.php" method="POST">
+            <h2 data-aos="fade-up" data-aos-duration="1000">Register to get account</h2>
+            <input type="email" name="email" id="email" placeholder="input your email" data-aos="fade-up" data-aos-duration="2000"><br>
+            <input type="text" name="username" id="username" placeholder="input your username" data-aos="fade-up" data-aos-duration="2000"><br>
+            <input type="password" name="password" id="password" placeholder="input your password" data-aos="fade-up" data-aos-duration="2000"><br>
+            <input type="password" name="rpassword" id="rpassword" placeholder="repeat your password" data-aos="fade-up" data-aos-duration="2000"><br>
+            <button type="submit" name="register" data-aos="fade-up" data-aos-duration="3000">REGISTER</button>
+            <p data-aos="fade-up" data-aos-duration="3000"><a href="index.php" name = "login">have an account? <span> Login now!</span></a></p>
+        </form>
+    </div>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
