Technical Skill Set

Constantly keeping myself updated with the latest tech in frontend space!

Javascript 3 Years

Skilled in DOM manipulation, event handling, APIs, ES6/ES7, async operations, and promises. Proficient in utilizing a wide range of modern JavaScript frameworks and tools.

es6 ReactJS css-in-js

React3 Years

Expert in designing and developing dynamic web applications, including SaaS platforms, admin dashboards, PWAs, and SPAs. Proficient in React state management, utilizing Hooks and libraries such as Material UI and Shadcn to create high-performance interfaces.

ReactJS SPA PWA

html 4 Years

I always prefer semantic markup and keep accesibility in mind while writing my html. I keep the structure consistent so that it can be targeted well with CSS & can be scaled further.

html5 semantic

CSS/SASS 4 Years

I write modular & scalable CSS to design pixel-perfect websites, with strong layout debugging skills. Can leverage the benefits of frameworks like Bootstrap and Tailwind to create aesthetic and beautiful layouts from absolutely scratch.

bootstrap tailwind css-in-js

TypeScript1 Years

Building type-safe applications with TypeScript, leveraging static typing, interfaces, and generics to catch errors early and improve code maintainability. Experienced in integrating TypeScript with React and Node.js projects.

type-safety interfaces generics

Next.js1 Years

Developing full-stack React applications with Next.js, utilizing SSR, SSG, and ISR for optimal performance. Proficient in App Router, API routes, and building SEO-friendly, production-ready web applications.

SSR SSG app-router

Node.js2 Years

Developing scalable backend services for Web Apps, SaaS platforms, and APIs using Node.js. Skilled in Express.js, database management, and creating custom HTML/Markdown to DITA parsers.

es6 fs mongodb express

Projects

A few of my public web-design projects that I kind of handled single handedly!

Task Manager

A modern, feature-rich task management application built with React, TypeScript, and Vite. Organize your tasks efficiently with categories, due dates, and powerful filtering options.

URL Shortner

Users can generate short URLs with either random strings or custom keywords, and set expiration periods for each shortened URL. The frontend and backend were created using the MERN stack

SPA Landing Page

Developed a visually engaging landing page using React, Framer Motion for animations, and Chakra UI for styling. Achieved smooth transitions and a responsive design for an enhanced user experience.

Portfolio

Open source portfolio website with over 110+ stars on GitHub, created using React.js and CSS.

Ecom website

Created simple ecommerce website using reactjs, css and react-use-cart plugin.

Fiber

An online portfolio generator landing page. Great to practice flex/grid layouts, absolute positioning and sliders.

Spense

Codewell challenge, Spense is a landing page for writers.

Quick Creations

Quick fun & simple projects that I did over my weekends! ;)

Markdown-it-ignore-imports

A Markdown-it plugin that allows you to ignore JavaScript import statements in MDX files.

React-Sugar VS Code Plugin

VS Code extension for className and className with shortcuts for html tags.