Reactjs application authenticating users against Keycloak #CDCorner

Simple Reactjs project that verifies user login with Keycloak!

Pre-requisites to this is having installed a local keycloak instance.

To see how to do so see this video https://youtu.be/dQ5KfpEJq-8?t=40 at the 40 second mark to about the 6 minute mark.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Donations are welcome through pay pal https://paypal.me/AncoCentral?country.x=US&locale.x=en_US
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Here's some affiliate links:
For screen Recording, I use Bandicam: https://shareasale.com/r.cfm?b=1688203&u=3005391&m=103076&urllink=&afftrack=

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Video Timeline

00:00 intro
00:04 Demo of Reactjs authenticating against Keycloak
01:22 Start up Keycloak
01:40 Create react project and install dependencies
02:45 Create img and css folders within react projects src folder
03:02 Copy jpeg file that will be used as app background
03:10 Creating css, jsx, js files
08:40 Start the React application
09:44 Demo'ing the app again
11:48 Free images from Adobe Stock to use as your background
12:09 Thanks for watching

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Other related videos:
Keycloak - Part1: https://youtu.be/vcWAWtby0pM
Keycloak - Part2: https://youtu.be/VHMCpjdRiCs
Keycloak - Part3: https://youtu.be/0cufUQS59as
DynamoDB Export/Import: https://youtu.be/orNOAw3cqts
AWS Cognito: https://youtu.be/KK8FfF3yaok
ASP.NET WebForms - MySQL: https://youtu.be/KIZqQgqYCIg


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Social Media Links:
Facebook: https://www.facebook.com/CD-Corner-107688251922566/
Instagram: https://www.instagram.com/cd_corner/

Patreon:
https://www.patreon.com/durancoding
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Music Credits
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#1 licensed through purchase with Pond5 https://www.pond5.com/

Song: "Thoughts (Emotional Dramatic Piano And Strings) - P5"
Item ID: 075607525
Transaction ID: 6624878
Date of Transaction: 2022-11-28 04:42 GMT
Artist: Sounds4All
Stock Media provided by Sounds4All / Pond5

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#2 licensed through purchase with Pond5 https://www.pond5.com/

Song: "French Waltz - Classical Piano & Cello 3 Mins"
Item ID: 167258827
Transaction ID: 6624934
Date of Transaction: 2022-11-28 04:44 GMT
Artist: RealMovieScores
Stock Media provided by RealMovieScores / Pond5
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#3 licensed through purchase with Pond5 https://www.pond5.com/

Song: "Motivational Uplifting Piano Story(Main Version Emotional Documentary Inspiring) - P5"
Item ID: 114458812
Transaction ID: 6624904
Date of Transaction: 2022-11-28 04:43 GMT
Artist: SunriseProduction
Stock Media provided by SunriseProduction / Pond5

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#4 licensed through purchase with Pond5 https://www.pond5.com/

Song: "Peaceful Acoustic Morning"
Item ID: 008656757
Transaction ID: 6604380
Date of Transaction: 2022-11-16 04:53 GMT
Artist: ZingDog
Stock Media provided by ZingDog / Pond5

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#5 licensed through purchase with Pond5 https://www.pond5.com/

Song: "Epic Inspiring Dramatic Piano Strings (Slow Cinematic Emotional Build Up) - P5"
Item ID: 072778094
Transaction ID: 6624885
Date of Transaction: 2022-11-28 04:43 GMT
Artist: mv_production
Stock Media provided by mv_production / Pond5

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Song#6 licensed through purchase with Pond5 https://www.pond5.com/

Song: "Inspirational Piano Arpeggios (Aspire)"
Item ID: 045383312
Transaction ID: 6624898
Date of Transaction: 2022-11-28 04:43 GMT
Artist: marcozannone
Stock Media provided by marcozannone / Pond5

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footage licensed through purchase with Pond5 https://www.pond5.com/
Item: "Youtube Subscribe Like Notification"
Item ID: 112410591
Artist: zevseshe
Stock Media provided by zevseshe/ Pond5