How to create front end for login session

first we will create ionic capitationScreenshot (47)

after create you will open bootstrap folder using your favorite IDE . i will intelliJ Idea

and open command prompt on your IDE. write “npm i @auth0/angular-jwt “and press entert

and “npm i ng2-validation” press enter after your jason file should be like bellow

Screenshot (48)

after you will open your app module.ts it should be implemented like bellow

Screenshot (49)

Screenshot (50)

after we consider component ts it should be like bellow

Screenshot (51)

after you will generate provider . Type  “generate provider auth”  on your IDE command     prompt . open your authprovider.ts it should be implemented like bellow

Screenshot (52)

Screenshot (53)

Screenshot (54)

now it should be created login page and sign up page . type “generate page signup” command prompt on your IDE.  and generate login open signup.ts .it should be implemented like bellow

Screenshot (55)

 

Screenshot (56)

Screenshot (57)

after it html page should be implemented like bellow

Screenshot (58)

Screenshot (59)

Screenshot (60)

now it should be created login page and login page . type “generate page login” on command prompt  . open login.ts it should be implemented like bellow

Screenshot (61)

Screenshot (62)

after it html page should be implemented like bellow

Screenshot (63)

Screenshot (64)

now it should be created Home page  . type “generate page home”  on command prompt. in your IDE.open home.ts it should be implemented like bellow

Screenshot (65)

Screenshot (66)

after it html page should be implemented like bellow

Screenshot (67)

 

 

 

 

 

Leave a comment