Create & Integrate Keycloak Login theme in Angular Project

I am using keycloak as our authentication system. This is integrated in our angular application via Rest API. We are using Keycloak REST API currently (integrated in Java Microservices), to authenticate users. We would like to switch to Keycloak Login page.

Following should be done


1. Create a customized Keycloak Theme for our website. The keycloak theme should include Login, Register, Password Reset, Manage Profile pages. Note that we don't offer 2-Factor Auth. Therefore, this is not needed in Keycloak Theme

2. Register: The user registers with us using a unique link. The link is first validated via API call. When successful, the user should be redirected to Keycloak Register page to complete registration. After successful registration, should be redirected to Frontend so that we can display the registration success page.

3. Login: When the user comes to our website ([login to view URL]), the user should be automatically redirected to Keycloak Login page; after successful login, the user will be redirected to Frontend & then we should display the dashboard.

4. My Profile: This is a menu item. Clicking this menu item should redirect to Keycloak Profile Management page where the user can update his password, name. Email cannot be updated.

5. Password Reset: The user will click "Forgot Password" in Login page. The user will receive a email with unique link & we will display a success msg about the same.

6. Password Reset Link Click - The user will open the email & click the Password Reset link. The Frontend is called, the reset link is validated, then the user should be redirected to Keycloak Reset Password page where the new password can be set. After successful reset, the user should be displayed a success page with a 5 second timer to redirect the Frontend ([login to view URL]) which will redirect to login page.

7. Logout: Clicking logout should logout from the keycloak session

8. Updating our REST API - We have Java Springboot Microservices which delivers all the data required to use our Frontend.. for ex, manage users, invite users, data reports etc. These data are retrieved from our database. All these endpoints have "Authorization" header which contains the Keycloak REST API openid-token. Once we switch to Keycloak Theme, this token will not be available. An alternative method should be implemented so that the session token created by Keycloak can be sent to the API & also validated.

Other requirements


1. Customize Keycloak theme to our website theme(We are using a Whitelabel solution). Therefore, the color, images used should be adaptable

2. How to secure keycload admin console from external hacking or malicious requests, if we have to take the authentication on the internet? Currently, this is behind a secured network. Our public API project is the only one having access to keycloak. Keycloak can be directly accessed only within our office network.


[login to view URL]@damilareaadedoyin/authentication-in-angular-using-keycloak-aff8e98dd094

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

Beceriler: AngularJS, RESTful, Keycloak, Spring Boot

Daha fazlasını gör: integrate site login forum, create secure sign login script, create secure sign login script php mysql, create login form access project, league of legends project yi login theme, create new angular project, project login theme, how to create an asp.net mvc 5 project with angular 6 in visual studio part 2, how to create angular project in visual studio, create angular project, create angular project inside folder, create new angular project without node modules, how to create angular project with specific version, unable to create angular project, create angular project without test, create angular project in visual studio 2019, how to create angular project in visual studio code, create angular project with specific version, how to create folder in angular project, failed to create angular project

İşveren Hakkında:
( 23 değerlendirme ) Berlin, Germany

Proje NO: #32315353

Bu iş için 6 freelancer ortalamada €658 teklif veriyor


Warm Greetings! We are seeking to offer our services regarding web development to you . After reading your project description, we are confident that we can help you with it. We are a team of highly skilled IT profes Daha Fazla

€140 EUR in 7 gün içinde
(5 Değerlendirme)

Hi, I am an experienced MEAN Stack & Spring/JAVA Developer with 4+ years of enterprise application development. Check my freelancer profile. My expertise is in 1. Angular, Typescript, Javascript,HTML,CSS,etc. 2. NodeJs Daha Fazla

€800 EUR in 7 gün içinde
(11 Değerlendirme)

⭐⭐ Web Development Expert ⭐⭐ Hi, I am Senior Full Stack developer with 7 years of experience. Just read your job details, I believe I can do this job. I provide exceptional design, Web & Mobile App solutions to compa Daha Fazla

€140 EUR in 7 gün içinde
(1 Yorum)

Thank you for this wonderful opportunity. I have reviewed your project requirements very carefully. I feel that I'm exact match for this position. I am a senior Frontend developer. I have lots of experiences in TypeScr Daha Fazla

€140 EUR in 4 gün içinde
(0 Değerlendirme)

**ANGULAR.JS EXPERT** **EXPERIENCED FRONTEND DEVELOPER** Hi, I am happy to mention to you that I have 5 years of Massive experience in front-end development using Angular.js other technologies such as React.js, HTML5 Daha Fazla

€2500 EUR in 20 gün içinde
(0 Değerlendirme)

I've done this a couple of times for companies. However you've listed in your description, that beside the implementation you also want a template for keycloak to create a profile page and a page to manage users. The Daha Fazla

€229 EUR in 3 gün içinde
(0 Değerlendirme)