In the realm of modern web development, building responsive and adaptive user interfaces is paramount. A fundamental requirement for achieving this is the ability to efficiently monitor changes in the size of DOM (Document Object Model) elements. ResizeObserver — a JavaScript API specifically designed to meet this challenge. In this…

Creating private routes in a React application is a common requirement when dealing with authentication and authorization. Private routes restrict access to certain routes based on the user’s authentication status, ensuring that only authenticated users can access protected content. In this tutorial, we’ll explore three different approaches to implementing private…

Introduction Angular is a popular framework for building complex and scalable web applications. Managing state in large Angular applications can be challenging; this is where NGRX comes in. NGRX is a popular library for managing conditions in Angular applications. It provides a powerful way to manage the state, which can be…

While working on a project I spent a lot of time deploying Angular Universal to a server for server-side rendering. I read all the tutorials I found, and all Stackoverflow questions on this topic. It was probably the most frustrating experience I ever had in coding. …

So after resigning from my first job I took a break and did some freelancing in my free time of one month. I am a software developer by profession so there is a lot of scope in freelancing projects. So I decided to take it one step further and created…

Git: https://github.com/mehulk05/Mastery Live Demo: https://mastery-nu.vercel.app/#/user/live-shows Are you working with an application that needs some sort of showing data on the calendar? Or maybe you want the view to show some sort of live events or upcoming events. There are not so many libraries available. …

India’s first cryptocurrency, Futuristic Blockchain technology envisioned by Mitthan Meena, cloud be launched as the biggest blockchain platform — The past couple of decades have seen a titanic shift in the world — a shift which many agree has affected and will continue to affect human civilization in fantastic ways. Led by digital technologies, this shift has made the world flat, creating new synergies, business models, and opportunities. …

Demo Link: https://mehulk05.github.io/Blog-Book/#/create-post Documentation: https://www.npmjs.com/package/ngx-quill Rich text editors or What You See Is What You Get editors to provide a full-featured text area where users can do text formating, add multi-media content, use emojis, use text heading change text size or color, etc. In this tutorial, we will learn How…

Github: https://github.com/mehulk05/MyShop Demo Link: https://mehulk05.github.io/MyShop/#/ Blogger Link: https://blogs-by-mehul.blogspot.com/2020/12/read-data-from-google-spreadsheet-in.html If you’ve ever found yourself asking ‘how can I access Google Sheet spreadsheets with JavaScript?’, then you’re probably not alone. …