App Screen 1

Satyam Singh
Jul 21, 2017 · 2 min read

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.

Link to my webapp : TO-DO Web APP

)
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade