Articles on codetheorem's Blog

New UI for Admin Panel

hrishikeshagarwalv@gmail.com (codetheorem) — Fri, 09 Sep 2022 23:28:01 +0000

Personal branding is important for any project . So we added our branding in our projects.

What did I do this week?

Changed the UI of the admin panel that was built using the Strapi.js. We added the our Logo and name and links.

What is coming up next?

Working on improving the documentation of the User Story project.

Did I get stuck anywhere?

No, It went well.

Added CKEditor5 for better user experience.

hrishikeshagarwalv@gmail.com (codetheorem) — Wed, 24 Aug 2022 17:18:46 +0000

Features make a application better. Users are attracted towards a product seeing its features. So our mission is to add relevant features in User story. This week I added some new features.

What did I do this week?

To give our users a better experience I added a CKEditor 5 rich text editor in our new story page. Now users can use many features like table,image upload etc. Users can now also mention other users in the story description.

What is coming up next?

Updating the UI of the Strapi Admin. New UI will be aligned with our frontend .

Did I get stuck anywhere?

I first tried to customize the existing markdown editor but it did't went well so new package was used. I also have to change the webpack config of our editor build.

Adding new features in story creation

hrishikeshagarwalv@gmail.com (codetheorem) — Thu, 18 Aug 2022 17:12:29 +0000

New features in story creation process.

What did I do this week?

I am working on a feature that will enable the users to mention others users in the story body. A notification will be sent to the user mentioned in the story body.

What is coming up next?

Updating the UI of the Strapi Admin. New UI will be aligned with our frontend .

Did I get stuck anywhere?

No, It well went.

Added Sorting Functionality

hrishikeshagarwalv@gmail.com (codetheorem) — Wed, 10 Aug 2022 22:55:58 +0000

Sorting is done for giving better UX experience to our users.

What did I do this week?

Fixed the sorting functionality in User Story. Previously sorting was being done in frontend but the problem with that was it was only sorting the paginated data and not the whole data so to solve this I updated the controller in strapi to sort the data and send back sorted and paginated data. I also updated the graphql call to accommodate the new changes.

What is coming up next?

New UI updates.

Did I get stuck anywhere?

No, It well went.

Documentation of SSO Integration

hrishikeshagarwalv@gmail.com (codetheorem) — Thu, 04 Aug 2022 22:21:28 +0000

For our users to use SSO documentation should be there for setting it up.

What did I do this week?

Added documentation for setting up Okta as SSO provider in User Story.

What is coming up next?

Tests for Okta Integration.

Did I get stuck anywhere?

No,

SSO work completed in backend.

hrishikeshagarwalv@gmail.com (codetheorem) — Thu, 28 Jul 2022 22:10:32 +0000

SSO is working and running.

What did I do this week?

I integrated the SSO in our Strapi Backend using the existing Users and Permissions Plugin.

What is coming up next?

Tests and SSO utilization in the Frontend of the User Story.

Did I get stuck anywhere?

No, This time everything was under control.

Creating a Strapi Plugin (Part 2)

hrishikeshagarwalv@gmail.com (codetheorem) — Thu, 21 Jul 2022 15:41:20 +0000

This is the second part of the Strapi plugin development series.

What did I do this week?

I completed the UI or the admin panel of our plugin. Our UI takes the credentials from the admin and then saves it to the Strapi store for future use. It takes credentials like Client ID,Client Secret etc. For building our admin UI we used buffet.js which is the UI library of Strapi. We tried to keep our UI as simple as possible and user friendly.

What is coming up next?

After this I am working on adding different routes to the plugin and creating corresponding controllers for them. We are following MVC architecture in development.

Did I get stuck anywhere?

No, This time everything was under control.

Creating a Strapi Plugin (Part 1)

hrishikeshagarwalv@gmail.com (codetheorem) — Fri, 15 Jul 2022 20:37:52 +0000

As I stated in my previous blog I will be working on a local Strapi Plugin to handle our Okta SSO authentication. So I started working on that.

What did I do this week?

I started working on creating a local plugin for our backend which is created using Strapi which is a headless CMS. The need for plugin is that we want our users to use SSO authentication method. So making a plugin in Strapi has two faces one is which our admin sees that is UI and other is the backend part that is models, controllers etc associated with it.

The objectives of this plugin is -

Create a redirect URI that can be consumed by the front-end of User story.
Verify JWT tokens and secure the API routes.
Sync the user database with Okta database.

What is coming up next?

After completion of UI of this plugin I will be working on backend part of this plugin and integration with our main site.

Did I get stuck anywhere?

While working on this plugin I was not able to use hot-reload but after talking with a developer relations manager of Strapi.js my doubts were cleared.

Adding SSO in Frontend.

hrishikeshagarwalv@gmail.com (codetheorem) — Thu, 14 Jul 2022 11:00:32 +0000

My Task is to add SSO which means Single Sign On in our application EOS User Story. So I am doing this work in three phases .Currently working on implementing the first phase.

What did I do this week?

This week I worked on Okta setup which will serve as identity provider for our application. So we are using OpenID connect authentication method for authenticating users. After this I worked on adding the Okta SDK for react in the frontend of our application. So now our application can handle two authentication methods one is by using your Email Id and Password which is validated by our backend and one is our Okta SSO authentication method.

What is coming up next?

After this I will be working on adding JWT validator in our backend and write new test cases to handle the integration of new authentication scheme.

Did I get stuck anywhere?

Yes while adding Okta I was trying to add it as a new provider in the existing Roles and Permission plugin of Strapi so rather than updating it I am in process of making a custom plugin that handles all our needs.

Starting off with EOS User Story

hrishikeshagarwalv@gmail.com (codetheorem) — Sat, 25 Jun 2022 20:12:31 +0000

I am really excited to work at The EOS Design System. I have started working on a EOS User Story which is a feature request system. I am working with a awesome team that is very excited for this project. I will working on adding new features in the system.

What did I do this week?

This week I worked on setting up the codebase and debugged issues that were coming in setting up the Strapi backend codebase. I also did some research on SSO and SAML 2.0 technologies which are used for authentications in applications. I studied the documentation of Okta which is an identity platform. I helped my other teammates in setting up the project.

I discussed the implementation of Single Sign-On feature with my mentors and teammates. This is the most important feature that we will be adding this summer.

What is coming up next?

I will be implementing Single Sign-On with basic customizations and will work on adding more customizations.

Did I get stuck anywhere?

When I was working on Okta Dashboard I got stuck while choosing which authentication technique should be used for application but it was solved after discussion with the seniors.