App Screen 1
The first screen of my app is the greeting page that very briefly explains the webapp. It just has the option to go to login/signup page.
The user is redirected to the Task page if already logged in. If user is not logged in then redirection to the welcome page takes place.
Welcome Page:
The front-end is designed with HTML5, CSS3 and Bootstrap. The login redirects to the ‘/login’ page and the signup to ‘/signup’ page. The “meet the developer” section is an info about me :)

Login Page:
The login page takes username and password and sends a XMLHTTPRequest to the login API. The response (hasura_id and the auth_token) is saved in the cookie. Javascript and AJAX are used.

Sign Up Page:
The username is ensured to be unique for all. The username, email, password is sent as a XMLHTTPRequest to the signup API. The hasura_id from the response of the server is extracted and sent to the server to fil up the User_Details table along with the name of the user registering with the webapp.
