Ever spent hours debugging a test that works on your machine but fails in CI? You’re not alone. Developers everywhere are stuck in this frustrating loop of flaky tests and inconsistent environments. Automation testing using Playwright MCP turns everything upside down. It’s the equivalent of having a good co-pilot who… Continue Reading Automation testing with Testsprite and Playwright MCP

Introduction: When creating web applications with GraphQL APIs, securing them is very important. JWT tokens usually handle the security. JWT stands for JSON Web Token. In this post, we’ll explore secure methods for handling tokens, as improper handling or exposure can lead to cross-site attacks. JWT in Local storage: A… Continue Reading Secure JWT token with GraphQL APIs

Step 1: Create the Controller Logic Create or update a controller UserController to handle sorting logic. Here’s an example for a users table: Explanation Step 2: Define the Route In routes/web.php, add a route for the controller: Step 3: Create the View with Toggle Arrows Create a Blade view at… Continue Reading Implementing Sortable Table with Toggle Arrows in Laravel

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