No video :(

Google authentication in Angular Project | Google SignIn Angular | Angular Social Login with Google

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

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

50% 1

Join this channel to get access to the perks:
/ @letsprogram30
🚀 Supercharge Your Angular App with Google Authentication Magic! 🚀
Welcome, fellow coders! 🌐 Ready to take your Angular app's security game to the next level? Buckle up for an epic tutorial where we unravel the secrets of integrating Google Authentication seamlessly!
🔐 Unleash the Power: What We'll Cover
🛠️ Setting up OAuth 2.0 with Google
🚪 Crafting a User Authentication Experience Like Never Before
🔒 Fortifying Your App with Top-notch Security Practices
🌈 Elevating User Experience for a Login Fiesta
👩‍💻 Who's This For?
Angular Devs of All Stripes: Beginners, Pros, and Everyone in Between
Guardians of App Security 🦸‍♂️🔐
UX Enthusiasts Ready to Wow Users 🌟
🚀 Why You Should Watch?
In this video, we're not just talking code; we're crafting a symphony of security and user delight. It's time to bid farewell to boring logins and welcome a new era of authentication excitement!
Hit that thumbs up if you're ready to dive into the magic! Share this gem with your coding comrades, and don't forget to subscribe for a front-row seat to more tech adventures! 🎉
🔔 Stay in the Loop!
Ring the notification bell because the learning party is just getting started. Level up your Angular game with each video drop! 🔔
📣 Talk to Us!
Got questions, tips, or just want to share your excitement? The comment section is the place to be. Let's build a community where coding dreams come true! 💬
📢 Connect with us on social media for more exciting tutorials and updates:
Support me: / letsprogram
Connect with me on the below Social links:
Let's Program Blog: letsprogram.in/
RU-vid: / @letsprogram30
Instagram: / lets.program
LinkedIn: / sashikumar-yadav
Telegram: t.me/letsprogr...
Twitter: / yshashi30
Angular Chat App
• Create Chat Applicatio...
MEAN stack AUTH Series
• MEAN stack project set...
Angular Signals
• Signals in Angular | H...
Angular 14 Login and Signup Page | Part 1
• Angular 14 Login and S...
Angular 14 Form Validation| Part 2
• Angular 14 Reactive Fo...
Login & Signup API creation & integration with Angular | Part 3
• Login and Signup using...
Encrypt Password in .NET 6 | Password strength checker in Angular
• Encrypt Password in .N...
Angular Authentication with Hashed Password | Part 5
• Angular Authentication...
Create JWT token in .NET 6 | Angular + .NET authentication | Part 6
• Create JWT token in .N...
Implement JWT token in Angular 14| Interceptors in Angular | Part 7
• Implement JWT token in...
Angular News Application
• Angular 14 News Applic...
Crypto Currency Application
• Angular Project - Cryp...
Angular TODO Application
• TODO Application in An...
Angular 13 CRUD using Material UI
• Angular 13 CRUD with A...
Angular QUIZ Application
• Angular 12 Quiz Applic...
Angular Add-to-cart app
• Add to Cart in Angular...
#AngularMagic #GoogleAuthentication #CodeLikeAPro #DevCommunity #TechTutorial #WebSecurity #UXDesign #CodeNewbie #SubscribeNow #ProgrammingJourney #TechAdventure #AngularDevelopers #securecoding

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

5 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@sabrinapyles563 5 месяцев назад

I love how you go at a decent pace but explain everything and provide resources. Very useful, thank you!!

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

I’m glad, thank you!🙂

@user-ze5uw8ib5h 3 месяца назад

this was the most helpful video on OAuth. thank you very much!

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

You’re welcome 🙂

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

Can you please make a tutorial on payment gateway implementation in MEAN Stack?

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

The user's profile picture and other details are not displayed until the page is refreshed, why is it like that for me?

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

Reactivity might be missing, check the behaviour subject implementation

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

I am also facing the same issue. Did it got resolved ?

@mitadey3876 Месяц назад

Everything seems working as expected but at the end after signout the home page doesnot display the google signup button. It only shows after refesh.

@PrashanthKumarDS-pl5jd 11 дней назад

Its a very good video to implement the gsi in angular. Help me with , how to get the access_token .

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

Great work sashi..just put more videos on Angular and .NET Core ! and one think i would say its more convinient to use LocalStoragebthan session storage thanks in Advance....

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

Thanks man! 🙂 Sure I will be coming up with some more videos. Also I used session storage here because In case I use different Google account to login in new tab then the app should not update the payload value for the 1st session

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

just what i needed, thanks man❤

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

Happy to help 🙂 Stay tuned for Netflix clone, releasing it this weekend! If need help at any step, DM me on Instagram 😊

@LalitKumar-j4d 7 дней назад

Thanks brother

@letsprogram30 7 дней назад

you're welcome

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

Can't find the img src. Did you forget about in the description? Or I'm blind?

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

Haha I’m so sorry, but you can find the whole code in my Netflix clone video 🙂

@user-ht1ce3gc3w 2 месяца назад

Osm

@letsprogram30 Месяц назад

Thanks

@raviparmar6900 5 месяцев назад

using your video i successfully create sign in flow & add user in my db, now how can i create log in with google flow ?

@ayeshdev 5 месяцев назад

make more frontend projects on angular

@smzhd9642 5 месяцев назад

can you please implement Stripe Payment method Integration with Angular

@rahulshelar9943 Месяц назад

Hello Shashi, even I have followed the all steps I am not able to get that sign with google button.

@letsprogram30 Месяц назад

Hello let’s connect and fix it together

@rahulshelar9943 Месяц назад

@@letsprogram30 I replaced div to button now it is coming... Thanks

@moiztankiwala 17 дней назад

@@rahulshelar9943 But does that work on clicking?

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

Signout object not cleared properly. When I click sign out still shows object

@KeerthiRajan-lj2tz 2 месяца назад

It will use for both Android and MacOs ???

@KanishS-wq4kb 4 месяца назад

how to make the context has signup, I have tried but no changes. How can I achieve that?

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

Currently with the approach in the video it just cover the authentication. Here signup doesn’t make sense because we are not connected it with Database to store the creds. This approach in the video is to just allow the genuine users who has a Google account.

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

Even on sign out,why the google button is showing the previous logged data in button. Like Sign in as **** Email id

@mohsinzaheer382 5 месяцев назад

it is not showing the previous logged in data. it is showing your logged in account in browser

@bifacial605 3 месяца назад

what can be reason of that script gsi/client not work and button doesnt even appear?

@OsamaHasan-xk8ty 3 месяца назад

i am also the same issue

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

Wonderful!

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

Thanks ☺️

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

Arey bhai mere fully featured complete ecommerce app bnaa do .. with role base auth seller and admin dashboard .. notifications of every events , delivery slip email , forgot reset password email verification on registration advance searching sorting and filtering products and much more with .Net 8 and Angular 18 , please bhai ... it will help a lot for beginner and who can't buy paid courses .. and you'll get a lot of love from all over the world and also likes and subscriber Thanks you #Love #Pakistan.

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

I am making a project from your authentication series

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

Good, let me know if you need help

@arunkumarboddula4441 7 месяцев назад

Can I get git hub link for this tutorial

@Jayraj_007 5 месяцев назад

thanks for the video it help me.

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

I’m glad it was helpful to you!

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

Great thanks

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

Hope it helped 🙂

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

very good

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

Thank you

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

Hi, thanks for the video! I'm getting a strange error, the login is working fine, but I get: ERROR ReferenceError: google is not defined at _AuthComponent.ngOnInit. I'm new to Angular and ts, anyone knows a solution?

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

Are you using Angular v17 with SSR?

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

@@letsprogram30 yes

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

@@letsprogram30 I'm also getting this error

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

Guys DM me on insta let’s fix this together!

@AnubhavSingla-fr1ol 5 месяцев назад

I am also getting same error, how did you fix it ?

@MG-cw2xc 9 месяцев назад

React sheekh lun Kay? Ya phir nodejs

@AnubhavSingla-fr1ol 5 месяцев назад

I am getting this error ERROR ReferenceError: google is not defined at _RegisterComponent.ngOnInit how to fix it, I am using angular 17 with ssr

@brunohenriquecontente 5 месяцев назад

Hey mate, when you launch the ng new project_name_frontend command, after the step of selecting the Style Sheet option, mark the SSR option as no (n)

@0203hon 4 месяца назад

same error here, did u find any solution?

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

@@brunohenriquecontente are you kidding man? :))

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

@@edwardvlad4945 why ? it's serious.

@brunohenriquecontente 3 месяца назад

@@edwardvlad4945 haha 😂

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

Hey Shashi

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

When you run this on mobile phone it does not show Google button, what is the reason?

@moiztankiwala 17 дней назад

I had a similar problem with Edge browser on my windows desktop. Turns out that the browser was blocking the google script with the message - "Third-party cookie will be blocked in future Microsoft Edge versions as part of unpartitioned third-party cookie deprecation.". I don't have a solution to this yet.

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

Finally ❤

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

Wait will be worth 🙂

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

@@letsprogram30 yes love your content ❤️❤️❤️

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

@@Booster09999 thanks brother, this will fuel me to get going ❤️

@MG-cw2xc 9 месяцев назад

Bhai angular 6 month experience hai job nahi lag raha hai kya krun

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

Let’s connect

@MG-cw2xc 9 месяцев назад

@@letsprogram30 hii

@MG-cw2xc 9 месяцев назад

How to connect

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

@@MG-cw2xc DM me on Instagram or I will share the topmate link to you were I can guide you

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

unfortunately i get this error for signin: Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded. Also can you do a video how to autologin with this practise ? The scenario is that a user login in with google. Then i save his information in my database. The leaves the web app and comes again. I want to retrieve any of his information from my database. How to do it ? It will be an interesting video :)

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

If you are using Angular v17 with SSR enabled then it might have caused the issue. Try using some third party package to decode the token. That’s auto login stuff can be built with cookie based authentication. Similarly to what Instagram does in the web version.

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

@@letsprogram30 It will be a helpful video to do it. Because it is something that a lot of people search on the internet. I dod not know how to do it and I search days for a helpful video with autologin with google and Angular 17