diff --git a/backend/apis/nodejs/api.js b/backend/apis/nodejs/api.js
index 88b71e2..fa62a08 100644
--- a/backend/apis/nodejs/api.js
+++ b/backend/apis/nodejs/api.js
@@ -12,11 +12,14 @@
 */
 
 const express = require('express');
+const cors = require('cors');
 const api_controller = require('./api_controller.js');
 require('dotenv').config();
 
 const app = express();
 app.use(express.json()); // Middleware which parses JSON for POST requests
+// Enable CORS for all routes
+app.use(cors());
 app.post('/blinkapi/register', api_controller.registerPerson); // Register a Person
 app.post('/blinkapi/login', api_controller.login); // Login
 app.get('/blinkapi/person/:id', api_controller.verifyToken, api_controller.getPerson); // Obtain Person's details
diff --git a/frontend/html/constants.js b/frontend/html/constants.js
new file mode 100644
index 0000000..06efcb3
--- /dev/null
+++ b/frontend/html/constants.js
@@ -0,0 +1 @@
+const apiUrl = "http://localhost:3000/blinkapi";
\ No newline at end of file
diff --git a/frontend/html/css/login.css b/frontend/html/css/login-register.css
similarity index 97%
rename from frontend/html/css/login.css
rename to frontend/html/css/login-register.css
index 7cce9d5..2d8fa7c 100644
--- a/frontend/html/css/login.css
+++ b/frontend/html/css/login-register.css
@@ -48,7 +48,7 @@ a:active:hover {
   padding: 0 60px;
 }
 
-input {
+input, button {
   display: block;
   box-sizing: border-box;
   width: 100%;
@@ -130,7 +130,7 @@ input[type="email"]:valid ~ .validation span:last-child {
   top: 0px;
 }
 
-input[type="submit"] {
+button[type="button"] {
   border: none;
   display: block;
   background-color: #3ca9e2;
@@ -146,7 +146,7 @@ input[type="submit"] {
   cursor: pointer;
   text-align: center;
 }
-input[type="submit"]:hover {
+button[type="button"]:hover {
   background-color: #329dd5;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
diff --git a/frontend/html/html/login.html b/frontend/html/html/login.html
index 2af5964..0fac469 100644
--- a/frontend/html/html/login.html
+++ b/frontend/html/html/login.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>HTML5 Login Form with validation Example</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
-<link rel="stylesheet" href="../css/login.css">
+<link rel="stylesheet" href="../css/login-register.css">
 
 </head>
 <body>
@@ -26,7 +26,7 @@
     </p>
   </form>
   <div id="create-account-wrap">
-    <p>Not a member? <a href="#">Create Account</a><p>
+    <p>Not a member? <a href="./register.html">Create Account</a><p>
   </div><!--create-account-wrap-->
 </div><!--login-form-wrap-->
 <!-- partial -->
diff --git a/frontend/html/html/register.html b/frontend/html/html/register.html
new file mode 100644
index 0000000..3eaf329
--- /dev/null
+++ b/frontend/html/html/register.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en" >
+  <head>
+    <meta charset="UTF-8">
+    <title>HTML5 Login Form with validation Example</title>
+    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> -->
+    <link rel="stylesheet" href="../css/login-register.css">
+    <script src=""></script>
+  </head>
+    <body>
+      <!-- partial:index.partial.html -->
+      <div id="login-form-wrap">
+        <h2>Sign Up</h2>
+        <form id="login-form">
+
+          <p>
+            <input type="text" id="displayname" name="displayname" placeholder="Your name" required><i class="validation"><span></span><span></span></i>
+          </p>
+
+          <p>
+            <input type="email" id="email" name="email" placeholder="Email Address" required><i class="validation"><span></span><span></span></i>
+          </p>
+
+          <p>
+            <input type="password" id="password" name="password" placeholder="Password" required><i class="validation"><span></span><span></span></i>
+          </p>
+
+          <p>
+            <button type="button" onclick="register()">Register</button>
+          </p>
+        </form>
+        <div id="create-account-wrap">
+          <p>Already a member? <a href="./login.html">Login</a><p>
+        </div>
+      </div>
+
+      <script>
+        function register(){
+          const display_name = document.getElementById("displayname").value;
+          const email = document.getElementById("email").value;
+          const password = document.getElementById("password").value;
+          
+          if(!display_name || !email || !password){
+            return;
+          }
+
+          const options = {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ display_name, email, password }),
+          };
+          alert(JSON.stringify({ display_name, email, password }));
+          fetch('http://localhost:3000/blinkapi/register', options)
+            .then(response => {
+              if (response.ok) {
+                alert('You successfully registered an account')
+              } 
+            })
+            .catch(err => {
+              console.error(err);
+              alert("An error has occurred. Try again later");              
+            });
+        }
+      </script>
+
+    </body>
+</html>
