diff --git a/scripts/pages/user_page.php b/scripts/pages/user_page.php
new file mode 100644
index 0000000000000000000000000000000000000000..2441ac329c0c0addd39c1dce59096b5e1cc64b22
--- /dev/null
+++ b/scripts/pages/user_page.php
@@ -0,0 +1,45 @@
+<?php
+session_start();
+?>
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Spotyphie | Register </title>
+ <link rel="stylesheet" href="../view/css/globals.css">
+ <link rel="stylesheet" href="../view/css/user_page.css">
+ </head>
+ <body>
+ <?php
+ require_once($_SERVER['DOCUMENT_ROOT'] . '/pages/templates/navbar.php');
+ getNavBar($_SESSION['username'], $_SESSION['is_admin']);
+ ?>
+ <main>
+ <div class="my-playlist-header">
+ <h1 class="white-text baloo-font">Hi, Playlist</h1>
+ </div>
+ <form method="post" action="" id="user-page-form">
+ <div id="textBoxContainer">
+ <label for="user-name" class="white-text inter-font">Your Name</label><br>
+ <input type="text" id="user-name" name="user-name" class="txtbox-med" /><br>
+ <br>
+ <label for="user-email" class="white-text inter-font">Your Email</label><br>
+ <input type="text" id="user-email" name="user-email" class="txtbox-med" /><br>
+ <br>
+ <label for="user-username" class="white-text inter-font">Your Username</label><br>
+ <input type="text" id="user-username" name="user-username" class="txtbox-med" /><br>
+ <br>
+ <label for="user-password" class="white-text inter-font">Your Password</label><br>
+ <input type="text" id="user-password" name="user-password" class="txtbox-med" /><br>
+ </div><br>
+ </form>
+ <br>
+ <button type="button" class="baloo-font btn" id="update-profile" onclick="showEditPopup()">Update Profile</button>
+ <button type="button" class="baloo-font btn" id="sign-out" onclick="showEditPopup()">Sign Out</button>
+ <button type="button" class="baloo-font btn" id="delete-account" onclick="showEditPopup()">Delete This Account</button>
+ </main>
+ <script src="../view/js/navbar.js"></script>
+ <script src="user_page.js"></script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/scripts/view/css/user_page.css b/scripts/view/css/user_page.css
new file mode 100644
index 0000000000000000000000000000000000000000..c7b643518c72da14a1b1ce4abbc3489c31015b5d
--- /dev/null
+++ b/scripts/view/css/user_page.css
@@ -0,0 +1,28 @@
+h1 {
+ margin: 0;
+}
+
+h3 {
+ margin: 0 0 10px 0;
+}
+
+
+#delete-account {
+ background-color: red;
+}
+
+#close-edit-popup {
+ float: right;
+}
+
+#sign-out {
+ background-color: gray;
+}
+
+#textBoxContainer {
+ margin: 5%;
+}
+
+.my-playlist-header {
+ margin-top: 5%;
+}
\ No newline at end of file