CarbonRider -

Google Drive UI Integration

By Carbon Rider in Articles May 21, 2019 0 Comment

Integrating with Google Drive UI will give an edge to your product and ease your users’ life. Users can interact with your product right from the Drive interface. Hooks within Drive application enable 3rd party developers to integrate the proprietary product and perform actions on the document, media stored on the Drive. But there seems to be a little challenge. Though Google Drive API documentation is comprehensive, the dots are not well connected. I received an email from one of my reader who was struggling with integration. With this article, I thought of listing the steps, so the community can benefit from it.

CSS Position Absolute

By Carbon Rider in Articles May 18, 2019 0 Comment

Nothing has puzzled me more than a CSS position. I couldn’t figure out what CSS position means – absolute, relative, static, fixed, etc. How all of these really works? The moment I felt that I have now learned enough and started experimenting with layouts, I would fail miserably. The only way to overcome this problem was to experiment and learn as much as possible.

Search animation with HTML5, CSS 3 and Angular 7

By Carbon Rider in Articles April 16, 2019 0 Comment

The data-driven application, requires strong search capabilities. Search interface thus become an important element in the application. Ideally search feature has to be easily accessible. Given that real estate in GUI applications weighs like a Gold, it is necessary that the Search element should be unobtrusive.

Nginx reverse proxy with Private Networking on Digital Ocean

By Carbon Rider in Articles April 10, 2019 0 Comment

Exposing application servers to the Internet is considered as a bad practice. The recommendation is to shield it using a web server (reverse proxy). This not only reduces traffic to the application server but it also prevents from exposing critical ports to the world. Another advantage is to route static resource requests to a different server or location. The practice is known as Reverse proxy.

Angular change theme at runtime

By Carbon Rider in Angular, Articles March 27, 2019 0 Comment

Not everyone likes to see vibrant colors. In fact, changing color preferences has been present in Operating systems for a long time. Some users may prefer to have dark color combination, while others may go with light theme. Web applications are not that different too. With the rise in Web application in day-to-day agenda, the application developers must give a thought to customize application theme.

OS Environment variables with Angular 7 and Custom Webpack

By Carbon Rider in Angular, Articles March 11, 2019 0 Comment

For a long time, server-side development enjoyed a rich set of Toolkits for development, build and deployment. One of the most convenient features is the ability to externalize configuration from the actual source code. API URL, secrets, threshold limits etc can be configured outside the actual code and exposed via Operating system’s environment variables. This promotes a good practice of immutable build packages. These builds can be promoted without a need to make modification in the actual code to adapt to a changing environment.

Develop Counter component with Angular 7 and RxJS

By Carbon Rider in Angular, Articles February 2, 2019 0 Comment

The strong benefit of using Angular framework is the emphasis on component driven development and thereby promoting reusability. On the other hand with the help of RxJS the complex tasks can be easily achieved. The fact that RxJS heavily uses chained API approach helps to mix and match it’s APIs to achieve complex functionality.

Material Theme with Angular 7 – Change primary and accent color

By Carbon Rider in Angular, Articles January 30, 2019 0 Comment

One of the strongest feature of Angular Framework lies in the structured approach for application development. Directives, components, modules, services, styles etc promote reusable component development. On top of that, with the Theme driven development, it is possible to customize the application appearance – Material Design. This indicates a strong architecture concept of segregating application behavior from the appearance.

Keycloak – Role assignment using Script

By Carbon Rider in Articles January 10, 2019 0 Comment

Keycloak is an Open Source software built by Jboss. It is primarily targetted towards Identity and Access Management(IAM) solution. It takes away all the complexities of managing authorization and authentication. Keycloak comes with rich capabilities to configure security for a multi-tenant application, user management, groups, integration with identity providers like LinkedIn, Google, Microsoft etc.

Authentication and Authorization is a repetitive requirement and one of the most important aspect of every Enterprise application. The intuitive interface of Keycloak combined with strong customization experience, takes away all the difficulties. A rich set of community contributions is also available to integrate Keycloak with Spring, Angular, JavaScript, NodeJS etc.