WebGL Development -- 2

Job ID: 35422382

Budget: $30 – $250 USD

Description:
I'm building a WebGL application. I have one server which is already been setup and it have two web application running in the server (Login - localhost:3000 and WebGL - Localhost:4000). I need help on making the Login Page better, adding all the extra features, making sure the user session is following the user when he is redirect to the WebGL game, when user is not login it will ask user to login, have a floating logout button and the WebGL game store user data into the database when user receive game in the WebGl.

Hosting: Amazon (AWS)
Operating System: Ubuntu (Cloud)
Database; MySQL (Cloud)
App Installed in Server:
1. NGINX
2. Node JS
3. PM2
4. NPM

Application:
1. Login or Main Page
- Running on http://loclahost:3000
2. WebGL
- Running on http://loclahost:4000

Reference to current "Login Page":
https://codeshack.io/basic-login-system-nodejs-express-mysql

Note:
In this server I have two applications running on its own port (http://localhost:3000 and http://localhost:4000). When I successfully logged in, I want the user to be redirect to the second application and the user session to stay alive. Also, I want the WebGl able to pull and push data from user to the Database using the session information.

This is what I need for my Web App.
1. Main Page
- When click sign in, will bring user to the "Login Page"
- When Click "Sign Up" will redirect to our purchase site.
2. Login Page
- "Login Page" that will validate user email and password.
- Will request first time user to change password.
- When user successfully login redirect user to the second localhost in the same server.
- When user login using wrong email and password, error will show below the sign in button.
3. User Session
- When user login a session will be created.
- when user is redirect to the second localhost, the user session will follow and stay alive.
- If user trying to access the second localhost without logging in, user will be redirect back to the login page.
4. Log out Floating Button.
- Have a floating "Log Out" button that can be placed on the second localhost.
5. WebGL and MySQL Push and Pull Data.
- To push and pull data from database to WebGL using the live session information.
Related categories: MySQL C++ Programming Node.js Ubuntu Web Application