Pre-signed URL for Digital Ocean spaces

Spaces a new storage offering from Digital Ocean, is definitely cost effective and offers rich API. If you are an existing AWS S3 user, the good news is that Spaces is fully compatible with AWS S3 SDK. You can leverage most of the S3 functionality in Spaces. Digital ocean is also focused on increasing the number of regions to support Spaces. As of writing this article, there are 5 regions available.

Keycloak custom fields validation

Keycloak is without a doubt most feature rich product when it comes to Enterprise security implementation. Recently I had to add custom fields in the Keycloak signup form with a set of rules to validate the data. To my surprise, the implementation was pretty easy. Keycloak out of the box supports customization and validation of forms with the help of FormAction and FormActionFactory.

Angular interview questions – Episode I

Angular has gained a lot of popularity over the last few years. The trend in Angular Jobs is on rise, with more and more companies having vacancies for Angular UI Developer. With this article, we are starting a series of Angular Interview Questions.

Google Drive UI Integration

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

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

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

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

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

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.