Keerthana P

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

Introduction: Functions are building blocks of a program. They encapsulate logic, help in reusable code, and also organize the code into simple and manageable pieces. In this section, we will explore how functions work in GoLang. What are Functions in Go?Like all other functions, a function here is a block… Continue Reading GoLang Functions

Introduction: Push notifications are brief messages that appear on screen, even when the app isn’t in use, to alert users to important information or actions requiring their attention. Why are push notifications used? Push notifications deliver brief messages instantly, allowing users to quickly receive and act on information, whereas emails… Continue Reading Push Notifications

In today’s world, building web applications that function effectively and smoothly without an internet connection can be challenging. However, network conditions are often unpredictable due to poor connectivity or weak signal strength. This is where the offline-first approach in Progressive Web Apps (PWAs) becomes crucial, ensuring users have a reliable… Continue Reading Offline-First in Progressive Web Apps

Introduction: In JavaScript, we can create reusable web components, which is a key feature that allows us to avoid repeating code. A crucial aspect of web components is the use of slots, which help manage the content displayed within templates. What are slots? Slots are placeholders within a shadow DOM,… Continue Reading Slots in Javascript

Introduction:Specificity is the algorithm used by browsers to determine which CSS rule applies to a particular element when one or more styling applied to the same element. It is calculated based on the types of selectors used. The Specificity algorithm calculates the weight of the selector to determine which rule… Continue Reading CSS Specificity

Introduction: In todays Digital World, The user experience is the success of any website application. Frontend performance optimization which mainly focus on speed and efficiency of user interface is essential to deliver a seamless experience. This can be achieved by implementing various strategies. User Satisfaction: Faster load times helps for… Continue Reading Performance Optimization for Frontend Applications

Introduction: In modern web page design, creating responsive web pages and visually appealing layouts is very important. The layout management options available to satisfy both these conditions are Flexbox and Grid layout. Even though both help to design pages effectively, they are used in different scenarios. This blog explains the… Continue Reading CSS Layouts: Flexbox and Grid

Introduction: Animations play an important role in modern web applications. They enhance the user experience by making the interfaces more intuitive and adding a sense of interactivity. In React Projects animations can be used to transition elements smoothly, indicate important actions, or create visually appealing effects that will engage users.… Continue Reading Including Animations to a React Project

Introduction: CSS stands for Cascading Style Sheet, a standard language that specifies how to display content on a web page. With CSS, we can control the design layout and its components for various devices, such as desktops, tablets, and mobile phones. Examples of components are header, footer, body, section and… Continue Reading Front-end Development – CSS