“Trust in the Lord with all your heart and lean not on your own understanding; in all your ways submit to him, and he will make your paths straight.” – Proverbs 3:5-6
about image

About Me

My journey into web development began with a curiosity about how the internet works, which soon turned into a passion for creating smooth and user-friendly digital experiences. With skills in JavaScript, Next.js, and the MERN stack, I focus on turning complex challenges into simple, effective solutions

For me, coding is more than just a job—it—s about exploring new technologies and staying updated with the latest trends. I—m always eager to learn and excited about working on projects that make a meaningful impact.

Things I love

Web Development

JavaScript

Explore

Movie

What I Know?

My Skills: Navigating the Tech Landscape

My skill set is a blend of powerful technologies and practical experience. JavaScript is at the core of my development work, enabling me to build interactive and engaging web features. With Next.js, I create high-performance, SEO-friendly applications that are fast and responsive

The MERN stack is a cornerstone of my full-stack development, where I integrate MongoDB, Express.js, React, and Node.js to craft robust and scalable applications. To enhance my code quality and reliability, I use TypeScript, which introduces type safety and helps prevent errors. Additionally, I can effectively convert Figma designs into code, turning detailed design prototypes into functional web interfaces. Together, these skills enable me to navigate the tech landscape effectively and deliver compelling web experiences.

JavaScript

TypeScript

Next.js

MongoDB

React

Node.js

My Projects

project1

Scholar


View Code

project1

CodePen Clone


View Code

project1

Pizza Palance


View Code

My Blogs

Building a Robust Design System in Next.js with Tailwind and CVA
Building a Robust Design System in Next.js with Tailwind and CVA
A guide to building a scalable design system in Next.js with Tailwind CSS and CVA, focusing on consistent, accessible UI components
12 min read
16 views
Code Splitting vs Lazy Loading in React and Next.js — A Beginner-Friendly Deep Dive
Code Splitting vs Lazy Loading in React and Next.js — A Beginner-Friendly Deep Dive
This blog explains the difference between code splitting and lazy loading in React and Next.js. It walks beginners through how these two techniques work together to improve app performance, reduce bundle size, and optimize user experience. With clear examples and real-world use cases, readers will understand when and how to apply lazy loading effectively — especially in Next.js App Router projects.
14 min read
20 views
Do Next.js App Router Pages Accept Regular Props?
Do Next.js App Router Pages Accept Regular Props?
A quick dive into why Next.js App Router page components don't accept arbitrary props like regular React components, with a blog post example and code to show how to work with route-specific props (params, searchParams). Explains the framework's design for efficiency and offers tips for managing data flow.
6 min read
52 views

Love to here from you,

Get in touch

waving hand

Hi there! Interested in connecting? unless you are suspicious?