Design one time login system with firebase authentication

Guides
, , , , , ,
#1

This is a detailed video tutorial of design a login system with firebase authentication.
This is my first tutorial video :blush:
it’s features :

  • One time login system
  • Simple UI
  • Sign in with Google
  • Login and Signup on one screen
  • Password visibility switch option
  • Forget password option

photo_2021-02-07_18-32-59
photo_2021-02-07_18-32-591080×1077 50.4 KB

Tutorial steps:
In Part 1 video

  1. Check user login state with .Is_Signed_with on screen1
  2. If user is not signed then open login screen
  3. Take mail id and password and login with .Email Password Login or direct login with .Google Sign In
  4. For forget password use .Send Reset Password Email

To take tutorial click here Tutorial Video

In Part 2 video

Coming soon …

3 Likes
How to make login screen
#2

Sorry to say but I don’t understand how you are calling this design as attractive. Rather, from screenshots(or video). I would say that the color used, is causing eye-strain.
You need to change the color and overall theme of the tutorial

#3

thanks for suggestion i will change it

#4

Need to improve. This color is extremely strong. The access denied message, it’s almost invisible. Research UI creation.

dribbble.com
:thumbsup:

2 Likes
#5

thanks for suggestion but coder can change the color of UI or whole UI according to him and I simply show the blocks of login system means only focused on codes.

#6

My comment was on this topic.

Hug.

#7

ok :+1: :grinning:
i try to improve my UI in next tutorial :blush: