Technical Skill Set

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

html 6 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 6 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

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

React2 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

Node.js1 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

Projects

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

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.