UncategorizedCategorySubscribe

Authentication is essential for all modern web applications. Instead of creating and integrating authentication to protect our application we can choose one from wide range of IAM platforms available. Clerk is one of the modern authentication/user management platform that provides: To configure an account in Clerk platform, follow the steps… Continue Reading Integrating modern authentication to React application

Building a design system isn’t just about compiling UI elements—it’s about creating a shared language for your team, streamlining workflows, and ensuring consistency across your product. Here’s a beginner-friendly guide to crafting a design system in Figma step-by-step. Why Build a Design System? This helps you structure a system that… Continue Reading How to Build a Design System in Figma Easily

Overview I have recently joined Phoenix Solutions as a Junior Software Engineer in the QA team. I have skills mostly focusing on the developer side but I was enthusiastic for starting my career as a tester. I just know the basics of testing. So in this blog, I’ll outline the… Continue Reading Initial Days of My Career in QA Team

Introduction Harbor is a popular, open-source container image registry that secures images with role-based access control, supports image replication, and integrates with external authentication systems. Like any registry, it’s critical to regularly back up your Harbor instance, including the database, image storage, configuration, and SSL certificates. This guide provides step-by-step… Continue Reading Harbor – Dockerhub Backup and Restore Guide

Metamask is a well-known browser extension that allows users to interact with the Ethereum blockchain effortlessly. In this step-by-step guide, we’ll explore how to connect Metamask to  React website using the ethers.js library By the end of this tutorial, you’ll be able to✅ verify whether Metamask is installed✅ connect to… Continue Reading Using Ethers v6 library connect Metamask  to React Application

React Spring is an animation library for React that is based on spring physics. Rather than using CSS animations or frame-by-frame animations, React Spring uses spring physics and simulations for real world behavior to make animations more fluid and realistic. React Spring works for both web and React Native and… Continue Reading React Spring Library

Introduction Kubernetes is a powerful platform for managing containerized applications. At the heart of Kubernetes is the Pod — the smallest and simplest unit you can deploy. A pod can run one or more containers, and those containers share the same resources, like network and storage. In most cases, a… Continue Reading How to Create a Pod in a Kubernetes Cluster

The goal is to generate the PDF from your web application without requiring the backend component. There are a number of React libraries which allow you to create PDFs, for this purpose I am using jsPDF libraries. jsPDF jsPDF is open source JavaScript library where pdf files can be created… Continue Reading Generate PDF using JavaScript

In the digital world, where user expectations are higher than ever, success is no longer just about having a great-looking website or app — it’s about how it feels to use. That’s where UI and UX come in. Although often mentioned together, UI (User Interface) and UX (User Experience) are… Continue Reading UX is the Journey, UI is the Look: Why You Need Both

You can create insightful dashboards with Metabase, a robust, open-source business intelligence tool, without requiring complex technical knowledge. Metabase facilitates the visualisation and sharing of data for developers, business owners, and data analysts alike. This tutorial will cover installation, data connection, and dashboard creation as we go through the steps… Continue Reading How to Create a Dashboard in Metabase