Life Saver: App screen 1

Nithesh Raaj
3 min readAug 7, 2017

--

I started working on the login/signup screens according to the prototype.

When the user launches the app, it first tries to establish a connection with the server. If the connection was successful, it checks for any previous logged in user. If a logged in user is present, it takes them straight to the screen from where they can make an emergency request.

If no logged in user is found, then it redirects them to the login page. All that a user has to enter to login, is their phone number, no passwords, Nothing! You wouldn’t want to scratch your head, trying to remember the password, when you are in an emergency. Once they click on Sign In, an OTP is sent to their mobile number. The OTP is auto detected if the user had granted the required permissions, else they can manually enter it. If the OTP matches, they are taken to the screen from where they can make an emergency request.

Sign In
OTP for Sign In

If the user doesn’t have an account, he/she can create one by specifying their mobile number and name. Similar to the login process an OTP is sent to verify their mobile number.

Sign Up

The login screen for the service provider is exactly the same, but there is an additional type field during signup.

Service Provider Sign Up

I have covered the different APIs that I use during login/signup in a previous blog post.

In case the server isn’t reachable, it shows a message asking them to try again later. Since I am hosting the server on my laptop, it might not be running always.

Oops! Unable to reach the server

The signup/login process

You can get the latest apk files of Life Saver from here.

--

--