Blogs

Building a Flexible MatchQueryStatus Component for Handling Async Data in React

Learn how to create a customizable and reusable MatchQueryStatus component to handle asynchronous data fetching states in React using React Query. This guide covers loading, error, success, and empty states with full flexibility for UI customization.

Building a Dynamic Sidebar Component with React and Framer Motion

Learn how to create a dynamic sidebar component using React and Framer Motion. This guide covers the essentials, from setting up your project to implementing advanced animations and interactions.

Customizable Filtered Search Bar Like Google

Learn how to build a customizable, accessible search bar with advanced regex filtering, inspired by Google’s search functionality. Enhance user experience and accessibility with this comprehensive guide.

Open Sourcing My Portfolio Sharing My Work with the Community

I’m excited to share my personal portfolio as an open-source project! Explore the code and design to gain insights into my web development skills and experience. I hope this contributes to the community and offers valuable learning resources

Class Variance Authority A Game-Changer for React Styling

Take your React styling to the next level with Class Variance Authority. Learn how to use this powerful library to manage variant styles and improve your development workflow.