Angular Login and Signup using JSON-Server | Angular Routing | Angular Reactive Form|

Подписаться 20 тыс.

Просмотров 179 тыс.

50% 1

In this video, we will try to implement Login and Signup using JSON-server.
We will cover concepts like reactive forms, angular routing, and basics HTML and CSS to create Login and Signup cards.
Join my telegram channel for any query related to my video.
Telegram Channel Link: LET'S PROGRAM
t.me/letsprogramYt
Angular CRUD video: • Angular 11 CRUD with j...
Previous Videos link:
Data Binding Part 1: www.youtube.com/watch?v=_Ycuq...
Angular 11 CRUD with JSON-SERVER: www.youtube.com/watch?v=I9mty...
Angular Introduction video #1: www.youtube.com/watch?v=omVlM...
Angular Folder Structure #2: www.youtube.com/watch?v=wDn_f...
Angular Booting process #3: www.youtube.com/watch?v=14FYB...
Angular Component & Module #4: www.youtube.com/watch?v=35ZRD...
Data Bindings in Angular: www.youtube.com/watch?v=UaFTa...
@Input Decorator in Angular: www.youtube.com/watch?v=Blko6...
@Output Decorator in Angular: www.youtube.com/watch?v=2GH23...

Опубликовано:

8 сен 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 180

@shivangisrivastava1158 Год назад

Really appreciate your way to teach. Amazing, extremely helpful

@bienzamora7210 2 года назад

Wow, in the first 4 minutes of the video, I truly understand now how to use routing! Thanks! I really like when you asked: Where is the path going? I really loved the way you ask what you are doing then explain the where and how and why.

@letsprogram30 2 года назад

Thanks mate, glad you liked it 😊

@gladisxavier2430 2 года назад

thank you so much for this wonderful video this video i searched many days in youtube but finally find the right video very great lean video thank you very much pls do more angular videos is is very helpful to workout thank you so so much

@mamadouba8043 2 года назад

thank you very much, your videos are very helpful. Keep up for this good job

@priscillashamin2315 2 года назад

Great Tutorial :).. Thank you !!

@sahithreddy8749 2 года назад

Bro, I had a query i have followed you to execute the same thing in my system but when I try to click login it is not executing any thing

@sergiodeluca9062 2 года назад

Gracias por la explicación, ahora me queda una duda. En la parte del login, cuando se chequea el usuario y password, es una simulación, no? Porque eso es algo que debería hacer el back, en este caso json server.

@sachinikuruppu8462 2 года назад

It would be great if you could upload the source code as well :)

@AbhishekKumar-pi9wv 6 месяцев назад

If he did then nobody will watch his videos.

@Mohamedali04899 6 месяцев назад

@@AbhishekKumar-pi9wv 💯 crt

@srinivaspatnala696 2 года назад

Bro Thank you very much. I really loved the way you're explaining

@letsprogram30 2 года назад

Thanks for those words ❤️

@rvindervrma 2 года назад

Thank you !!!! This video is really helpful for me..... 🙂

@devlopeweb5547 Год назад

Appreciate brother Very well explained

@archisbendre1368 2 года назад

How would you display the details for the user which has logged in and not any other users?

@lahukumbhar1327 2 года назад

thanks .. it help me a lot to implement the login and register in my project..

@letsprogram30 2 года назад

Glad you liked it 🙂

@harshagrawal3618 Год назад

Excellent Explanation!!

@queencysawyer2660 2 года назад

such a clean and easily explained code . Thanks for this video .

@letsprogram30 2 года назад

You're welcome 🙂

@Mouldy7890 Год назад

Thanks for your help! Really great explanations.

@letsprogram30 Год назад

Your welcome 🙂 Also don't forget to watch my latest video on login and signup

@marija0550 2 года назад

I love you man,thank you so much for all videos!!

@letsprogram30 2 года назад

Stay tuned for much such videos! Keep sharing with others as well 🙂

@user-cb9bc9hc4q 8 месяцев назад

i am impressed of the code proud of it

@shubhamraj8083 2 года назад

Thank you so much, I am beginner in this and its really helpful.

@letsprogram30 2 года назад

Glad you liked it 😀

@ramonhenrique395 2 года назад

Thank you, you've helped me a lot!

@letsprogram30 2 года назад

You're welcome 🙂

@debarthadatta3605 2 года назад

Hi bro my db.json not working and how to do the authentication part in login

@samanthahaque699 2 года назад

first of all thanks u r the only person whose angular tutorial i really understood and my kind request please do this routing part for your angular 13 crud or drop me some ideas to do so .

@letsprogram30 2 года назад

Sure

@saireddy268 2 года назад

Hi how we got that command db Json Can you please share your previous video link

@VijayKumar-fq4ie 2 года назад

Good video, Thank you

@kidszone6276 2 года назад

Thank you very much. I really loved it. Is there any difference between json fake service implementation versus real time api call?

@letsprogram30 2 года назад

The Api call will remain the same what we did in angular side

@mohammedyaseen6784 2 года назад

really loved it bro

@mohammadosamasiddiqui9486 2 года назад

One of the best for beginners 😍😍

@letsprogram30 2 года назад

Thank you 😀

@khushaboopandey8806 2 года назад

like your video great working slowly keep adding more thing in that so that we can learn anguler better.

@letsprogram30 2 года назад

Yes working on complete e-commerce website using Angular & .net Core

@khushaboopandey8806 2 года назад

@@letsprogram30 okey great thanks but I have less knowledge in .net core actually I have bit knowledge in java that's why anyway thanks make it.

@rezzuse Год назад

hi man, i recently followed your tutorial with your product manager based on json-server too, I would like to inject those logins components in the other project but i’m just wondering how to create a « real » back end instead of json-server, which language can i use to get and put datas from a real server like mysql(the only one I can use btw) thanks

@letsprogram30 Год назад

Use dotnet

@AzeemKhan-oe8rt 2 года назад

great work ! and can you make a video for complete dynamic Admin Panel and data should be from API.

@letsprogram30 2 года назад

Yess, will be releasing video on api integration with .net core

@FlavioMarquesInf Год назад

Thanks for the content, it helped me a lot

@letsprogram30 Год назад

Happy to help 😊

@massekacodeur Год назад

thank you so much

@syedmahadbukhari7916 2 года назад

Bro you are amazing keep it up ❤

@letsprogram30 2 года назад

Thanks

@shahriyarcbt7719 9 месяцев назад

great contents you have cover appriciated , if you dont mind you you should binld all classes in list by name have a great one dear

@rohit2sisodiya668 2 года назад

can i get source code this project, its only for practice purspose

@meghananallamilli6798 Год назад

its goint directly to else part and showing as user not found can you tell me what might be the reason

@muzaffarhussain1963 2 года назад

How to redirect e-mail link to component .user get a link when user click on that link i want to redirect on my component

@thotanagaraju7871 2 года назад

Thank you Explanation and explain how to use tokens

@letsprogram30 2 года назад

Video on the way 👍

@mineemisha1875 Год назад

in my project, when i have wriiten res.find(...........) , then it's showing error of find(). Can you tell me please?? #mineemisha

@estebangallardo1981 2 года назад

Where can I download all the code?

@Hindi_motivational_creator_EH 8 месяцев назад

Great 🎉

@ulaganathan2053 2 года назад

Bro is there is any difference in coding if use the same code for angular 10 version.. Because in my project we r using 10 version.. So is there any differencess.. Please reply bro

@letsprogram30 2 года назад

You can use the same code there is not be any problem 😊

@ulaganathan2053 2 года назад

Bro another doubt..is it possible to display the registration data in the table..in video u show that data in json server Na..if yes how to do that??

@letsprogram30 2 года назад

@@ulaganathan2053 we just need to fetch. Registered data list and map then to the table just I did in the video

@srikanthchowdaryponduri5202 2 года назад

I don't need login page How I can route from the button can you mention

@roidondsouza2499 2 года назад

Can u share the link of the validation vedio

@tejaswisukhavasi9415 2 года назад

Both r not connected login and sign up how to connect

@user-yz6cy3gy1c 11 месяцев назад

it was soooooo hepful

@rk3638 2 года назад

sir login krne me post ki api use hogi apne get kyu use kiya h

@hoangcuongtran4606 2 года назад

Can i have the github source sir? Thanks in advance !

@eversathish 2 года назад

This is good.. But wat about auth guard? Please tell me bcz.. I navigate to dashboard it should not go without login

@letsprogram30 2 года назад

I have a video already over auth guard just check it

@niragtshaji4975 2 года назад

can you share link of creating db.json

@amolsonkamble4495 Год назад

Sir how to use session handling in this code ?

@olehkushka4335 2 года назад

Hello, thanks for your tutorial, very clear, but i receive an error in login fubction ERROR TypeError: res.find is not a function. Please help

@letsprogram30 2 года назад

Connect with me on telegram will help you there 🙂

@saurabhmasurkar67 2 года назад

I am also facing the same issue

@honeygarg8897 Год назад

31:39 res.find() find does not exist on type object. What to do??

@letsprogram30 Год назад

Because the res is coming incorrect, res should be list not object

@sandrar6260 Год назад

did you upload the form validations video? because I can't find it

@letsprogram30 Год назад

Yes it is there on my channel

@ojjichukwuemeke6105 2 года назад

Please help, when I get to find() it shows red line

@letsprogram30 2 года назад

Check if you are using the find on array or not

@aravindaj454 Год назад

I have a doubt you are inserting(post api) name, email, password how id field is autogenerated in json.. Can anyone explain pls Iam unable to post api call

@letsprogram30 Год назад

That’s how the json server works id is auto incremented

@aravindaj454 Год назад

@@letsprogram30 Hi thanks for reply ,Iam getting error like TypeError: Cannot read properties of undefined (reading 'id'). if I specify id field in post its getting inserted

@althafabbas5385 Год назад

great

@wasimshaikh9979 2 года назад

Can anyone provide me project link?

@maheshu5204 2 года назад

Bro can u tell how did u do that signupuser in json

@letsprogram30 2 года назад

Just go in dB.json file and add a new array with signupuser name

@aruvisamayal6548 Год назад

.subscribe is deprecated what to do bro

@sayemshaikh341 2 года назад

nice video😊

@letsprogram30 2 года назад

Thank you 🙂

@saiparkash9471 2 года назад

Hi I saw the your video now and try it same like what you have done but I am getting error will you help for it??

@letsprogram30 2 года назад

What is the error you faced?

@saiparkash9471 2 года назад

@@letsprogram30 like it showing only error alert message not showing successful login alert but I did same what u have done.how to find what I did the wrong??

@bhavananangare8156 Год назад

@@saiparkash9471 even I have the same error. Did u fix it?

@markrusseltrapsi8994 2 года назад

please teach us how to connect it in the MYSQL/PHP and database

@MarketingSale-rf2yt 2 месяца назад

This is very helpful video......great. But i have some questions therefore i need source code of this video..

@letsprogram30 2 месяца назад

Available for the patreon members🙂

@harshadbb9996 2 года назад

broh iam getting this type of error ERROR TypeError: res.find is not a function

@letsprogram30 2 года назад

Check your res in Console

@kavyams7652 Год назад

I'm also facing this

@ponnaakhil3574 Год назад

when we component How to add bg-color/image outside component? anyone

@AiswaryaKS98 2 года назад

if i use angular 13 with this c0de any error come

@letsprogram30 2 года назад

You can use it with Angular 13

@georgeak4454 2 года назад

nice, but how I can check If the email exists in the json server???

@letsprogram30 2 года назад

Just create a method for it and use array.find() to check for that email

@pravindabhade185 2 года назад

Good Job... Waiting for form validation and if possible Please implement OAuth also. :)

@letsprogram30 2 года назад

Yes, it is planned. 🙂

@srilekha7814 2 года назад

can i get that code?

@onlyrisingstar 2 года назад

If you make crud form with casecade dropdown and checkbox

@letsprogram30 2 года назад

Sure bro, but will do with actual backend, without JSON server

@krithishdatt1331 2 года назад

Bro could make video for adding pie charts to the project

@letsprogram30 2 года назад

Sure, let me come up with a project, where Pie charts are required and will explain it🙂

@ssbwerew0lf794 Год назад

how could we logout

@user-tx3tz9uz9z 7 месяцев назад

how to send the link for forgot password and chnge the password with json server

@saicharan6925 Год назад

You could have created that dashboard page also

@maheshu5204 2 года назад

formGroup' is not a valid attribute name bro i am getting this error how to solve it can tell me

@letsprogram30 2 года назад

You have missed it on .ts

@maheshu5204 2 года назад

@@letsprogram30 no i did it

@letsprogram30 2 года назад

@@maheshu5204 connect with me on telegram will help you there

@shaniverma 2 года назад

Can you create a video on login module using JWT token ?

@letsprogram30 2 года назад

I have a video on JWT

@mohanirle9029 2 года назад

Plz make angular + node.js + sql server

@sanjivprajapati6684 Год назад

Have posible to add jwt in that project?

@letsprogram30 Год назад

Watch my latest video

@rostomnouisser4023 2 года назад

thank you

@letsprogram30 2 года назад

Welcome mate 😊

@rostomnouisser4023 2 года назад

@@letsprogram30 keep going with these tutorial and please more .net core and Angular advanced 😁

@letsprogram30 2 года назад

@@rostomnouisser4023 sure 🙂

@parikshitrana5355 2 года назад

but without login we can access to dashboard if we change url /dashboard why?

@letsprogram30 2 года назад

For that see my video in the list about the auth guard implementation in angular

@parikshitrana5355 2 года назад

@@letsprogram30 ok bro thanks

@parikshitrana5355 2 года назад

@@letsprogram30 when i access dashboard after login and when i click to any component which is listed in my sidenav bar after click it my sidenav bar and header is not showing why?

@rahula3652 2 года назад

bro plz upload this code to github? plz

@letsprogram30 2 года назад

Planning 2-3 more videos related to authentication. Once complete will share the link. In the meantime, you can follow the tutorial to make your app. I have explained every step in detail.

@rezvlt9285 2 года назад

I'm getting 405 error.

@kundanyadav-us2hw Год назад

Please 🙏Sir source code bhi dediya kro code samaj ne me or easy hothi he

@AiswaryaKS98 2 года назад

can u share source code plz

@shivamkumarchoudhary12 2 месяца назад

Please give the Codes used in this video

@hemanthkaja1522 2 года назад

Can you make video on change password

@letsprogram30 2 года назад

Yes, it's already in my checklist with do that as well 👍

@christianfrancischiello8769 2 года назад

bro can u send code please

@jeyakumarm7365 2 года назад

i have more time watch your videos but i face some error please share the codeShare the code

@sayemshaikh341 2 года назад

thank bro please add auth

@letsprogram30 2 года назад

Planned for upcoming video, will go step by step. 🙂

@subhanmohammed5577 11 месяцев назад

Subscribe shows like strick can i know why?

@letsprogram30 11 месяцев назад

I don’t know, can you let me know what is your angular version?

@letsprogram30 11 месяцев назад

Because with new versions of angular the subscription way has been updated

@FightForPeople 2 года назад

Bro could you please send the code

@letsprogram30 2 года назад

I have shared the GitHub link in the description

@ue9590 Год назад

All other videos missing sadly

@Ram_0209 4 месяца назад

source code link

@sujathakmsujathakm8659 2 года назад

Bro ur voice low

@avinashmarbhal1 2 года назад

Make video for forgot password

@adlyz9050 2 года назад

many of the code is depracated

@letsprogram30 2 года назад

For example?

@adlyz9050 2 года назад

@@letsprogram30 the login function with subscribe method, i get error that because subsribr argument is update with different syntax in rxjs 7. Please can you send the code solution, thank you