diff --git a/.gitignore b/.gitignore
index cd4c22c..e86e429 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
 *__pycache__*
+/node_modules
+.vscode
diff --git a/frontend/html/dashboard.html b/frontend/html/dashboard.html
new file mode 100644
index 0000000..56d629a
--- /dev/null
+++ b/frontend/html/dashboard.html
@@ -0,0 +1,167 @@
+p<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DashBoard</title>
+    <link rel="stylesheet" href="../styles/dashboard.css"/>
+</head>
+<body>
+    <div class="wrapper">
+
+        <div class="container">
+
+            <button id="logout"></button>
+
+            <div class="innerwrapper">
+
+                <div class="contentbox">
+
+                    <div class="searchbar"> 
+                        <input type="text" id="search">
+                    </div>
+
+                    <div class="objcontainer"></div>
+
+                </div>
+
+                <div class="querybox">
+                    <div class="infobox">
+                        <img src="../assets/icon.jpg">
+                    </div>
+                    <div class="infopanel">
+                        <div>
+                            <label id="displayname">Display</label>
+                            <button id="linkbutton"></button>
+                        </div>
+
+                        <div class="div_u">
+                            <label for="dusername">Username:</label>
+                            <div>
+                                <input id="dusername" disabled>
+                                <button id="bdusername"></button>
+                            </div>
+                        </div>
+
+                        <div class="div_e">
+                            <label for="demail">Email:</label>
+                            <div>
+                                <input id="demail" disabled>
+                                <button id="bdemail"></button>
+                            </div>
+                        </div>
+
+                        <div class="div_ph">
+                            <label for="dphnumber">Ph. Number:</label>
+                            <div>
+                                <input id="dphnumber" disabled>
+                                <button id="bdphnumber"></button>
+                            </div>
+                        </div>
+
+                        <div class="div_p">
+                            <label for="dpassword">Password:</label>
+                            <div>
+                                <input id="dpassword" type="password" disabled>
+                                <button id="bdpassword"></button> 
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+
+                <div class="buttonbox">
+
+                    <div> <!-- Panel -->
+
+                        <div> <!--Holder -->
+
+                            <div>
+                                <!-- Image  -->
+                            </div>
+                            <div>
+                                <label id="greetname"></label>
+                                <a href="#" onclick="changePassConfirm()">Change Password</a>
+                            </div>
+
+                        </div>
+
+                    </div>
+
+                    <div class="buttonpanel">
+
+                        <div>
+                            <button id="addentry"></button>
+                        </div>
+
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+        <div id="entrycontainer" class="hidden">
+
+            <div class="addentrydiv">
+
+                <div>
+                    <button id="backbtn"></button>
+                </div>
+
+                <div class="fieldcontainer">
+                    <form id="formdata">
+                        <div>
+                            <input type="text" name="sitename" placeholder="Site Name" id="sitenamefield" >
+                            <input type="text" name="url" placeholder="Site URL" id="urlfield" value="https://">
+                            <label></label>
+                            <button type="button" onclick="validateData()" id="submitdatabtn"></button>
+                            <button type="button" onclick="deleteEntryConfirm()" id="deletedata"></button>
+                            <button type="button" onclick="validateDataEdit()" id="submiteditdatabtn">Save</button>
+                        </div>
+    
+                        <div class="inputfieldpanel">
+                            <div>
+                                <input type="checkbox" id="u_checkbox">
+                                <input type="text" name="Username" placeholder="Username" id="u_input" disabled><br>
+                            </div>
+                            <div>
+                                <input type="checkbox" id="p_checkbox">
+                                <input type="text" name="Password" placeholder="Password" id="p_input" disabled><br>
+                            </div>
+                            <div> 
+                                <input type="checkbox" id="e_checkbox">
+                                <input type="text" name="Email" placeholder="Email Address" id="e_input" disabled><br>
+                            </div>
+                            <div>
+                                <input type="checkbox" id="n_checkbox">
+                                <input type="text" name="PhNumber" placeholder="Phone Number" id="n_input" disabled><br>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="popupdivparent">
+            <div class="popupdiv">
+                <div>
+                    <button onclick="closePopup()" id="closepopup"></button>
+                </div>
+                <div class="popupdivchild"></div>
+            </div>
+        </div>
+
+        <div class="confirmdivparent">
+            <div class="confirmdiv">
+                <img src="../assets/tick.svg">
+            </div>
+        </div>
+
+    </div>
+    <script defer src="../scripts/dashboard.js"></script>
+</body>
+
+<footer><p>© 2023 Password Manager</p></footer>
+
+</html>
diff --git a/frontend/html/index.html b/frontend/html/index.html
new file mode 100644
index 0000000..2214cae
--- /dev/null
+++ b/frontend/html/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="../styles/index.css"/>
+  <title>Login</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@500&display=swap" rel="stylesheet">
+  <style></style>
+<head>
+<body>
+  <div class="wrapper">
+       <div class="container">
+
+            <div>
+                <p id="login">Sign In</p>
+            </div>
+
+            <div class="idiv">
+                <input class="input" id="username" type="text" placeholder="Username">
+                <input class="input" id="password" type="password" placeholder="Pasword">
+            </div>
+
+            <div class="help">
+                <div>
+                    <a href="register.html" id="register">Register</a>
+                </div>
+            </div>
+
+            <div class="error">
+                <label id="errlabel"></label>
+            </div>
+
+            <div class="buttons">
+                <button id="loginb">Login</button>
+            </div>
+
+        </div>
+  </div>
+  <script defer src="../scripts/index.js"></script>
+</body>
+
+<footer><p>© 2023 Password Manager</p></footer>
+</html>
