Software Engineer

Hi, I am

Jatin KumarFrontend Engineer

With 8+ years of experience in frontend and full-stack development, I focus on building customer-centric, high-performance applications that deliver exceptional user experiences. I'm passionate about continuously exploring emerging technologies and leveraging AI to automate workflows, improve developer productivity, and build smarter products.

Reach out Connect

100
Lighthouse score
100%
CMS coverage
6
Languages supported
3
Packages published

An open Next.js and Sanity workspace for this site — live visual editing, six locales including RTL, scroll rooms, and a resume-to-PDF pipeline. One CMS, one deploy, every page in sync.

Learn more

SCSS5+ Yrs

80%

Framer Motion2+ Yrs

70%

Three.js1+ Yr

50%

Material UI5+ Yrs

85%

ReactJS6+ Yrs

80%

HTML 56+ Yrs

80%

Redux5+ Yrs

90%

Next.js5+ Yrs

90%

AngularJS2+ Yrs

60%

Git6+ Yrs

80%

Nginx1+ Yr

50%

Express.js2+ Yrs

70%

SQL2+ Yrs

70%

Sanity CMS2+ Yrs

70%

PHP2+ Yrs

60%

Node.js3+ Yrs

60%

Redis1+ Yr

70%

SpringBoot2+ Yrs

60%

Jest3+ Yrs

60%

MongoDB2+ Yrs

65%

Figma1+ Yr

60%

ESlint4+ Yrs

80%

Ollama1.5+ Yrs

60%

LangChain2+ Yrs

50%

Pydantic0.2+ Yrs

20%

MCP1+ Yr

60%

Google Stitch0.3+ Yrs

50%

Arduino2+ Yrs

70%

AWS3+ Yrs

65%

Google Analytics3+ Yrs

80%

Firebase2+ Yrs

60%

Jenkins1+ Yr

50%

OCT 2025 — MAR 2026

Senior Software Engineer

JioHotstar via ProximityWorks

Contributed to the AdTech team for JioHotstar's web streaming platform and Smart TV applications across multiple devices. Delivered key features, including Companion Screen ads, resolved Samsung TV remote and playback issues, and implemented CSS/JavaScript compatibility fixes and polyfills to ensure reliable performance on legacy Chromium-based Smart TV browsers.

StorybookNext.jsReactJSTailwindConnected TVMobX

NOV 2023 — MAY 2025

Senior Software Engineer

Builder.ai

Built custom server-side rendering (SSR) solutions that improved page load performance by ~30% while enhancing scalability for high-traffic applications. Leveraged Deno to reduce runtime overhead by ~25% and improve cold-start performance. Optimized Sanity CMS workflows, cutting content publishing time by over 70%, and introduced data-driven feature rollouts with Statsig to improve experimentation and user engagement.

DenoSanity CMSTailwindStatsigSegment

MAY 2021 — SEP 2023

SDE-3

Kenko Health

Led a cross-functional frontend team to deliver a production-ready MVP 25% ahead of schedule while aligning engineering efforts with business goals. Earlier in the project, contributed to backend architecture by designing database schemas and developing the Auth and Plans services. Implemented SSR, ISR, and static generation in Next.js to achieve ~40% faster load times and significantly improve search visibility. Integrated Google Analytics, Sentry, and Razorpay to strengthen observability, payment reliability, and product insights.

Next.jsESlintNode.jsGoogle AnalyticsFramer MotionExpress.js

JAN 2019 — JAN 2021

Software Engineer

Crio.Do

Designed and maintained the frontend architecture for Crio.Do's learning platform, focusing on scalability and long-term maintainability. Built the Mentor Dashboard to enable real-time learner monitoring, improving mentor efficiency by ~30%, and collaborated across teams to refine requirements, enhance user experience, and reduce post-release issues.

ReactJSMaterial UISpringBootJenkinsReduxAWS

JUL 2017 — JAN 2019

Associate Software Eng.

Kirusa

Engineered and evolved the frontend architecture for Kirusa's Analytics Dashboard, driving the migration from AngularJS to React for improved performance and maintainability. Scaled Yii2-based web portals to support twice the data ingestion capacity while enhancing reliability, and developed Alexa skills and chatbot integrations that increased user engagement and reduced support requests by 25%.

HTML 5ReactJSPHPSCSSAngularJSSpringBoot

Delhi Technological University

B.Tech SOFTWARE ENGINEERING

Air Force School

High School

Featured

CAN Bus Monitor

Built a real-time web dashboard for monitoring, debugging, and visualizing CAN bus networks with live frame logging, topology discovery, connection tracking, and hybrid node communication.

CAN Bus Monitor

Overview

Developed a web-based CAN bus diagnostics platform for monitoring embedded networks in real time. The application captures CAN traffic from multiple serial-connected devices, automatically discovers nodes, visualizes network topology, tracks peer-to-peer communication, and provides live diagnostics through an interactive dashboard.

Solution

Built with Next.js, React, Web Serial, and TypeScript, the platform enables real-time CAN monitoring, dynamic topology visualization, automatic node discovery, connection health tracking, and messaging for compatible hybrid nodes.

Key Features

Real-time CAN frame monitoring
Multi-device serial communication
Automatic node discovery
Interactive network topology
Peer-to-peer communication tracking
Hybrid node messaging
Live diagnostics dashboard

Highlights

Automatic network discovery and visualization
Dynamic graph updates
Connection health monitoring
Multi-device embedded debugging
Designed for real-time CAN diagnostics and development

Featured

@web-portfolio/icons

A React icon component backed by 629 bundled SVG icons — programming languages, frameworks, dev tools, social platforms, and everyday UI icons — all through one <Icon /> component instead of a separate import per icon.

@web-portfolio/icons

It started as the icon set for a personal portfolio site, and grew into something worth publishing on its own: no icon font, no CDN requests at runtime, nothing to load asynchronously. Everything ships inside the package and renders instantly.

Browse the full icon set at icons.getresume.dev — search by name or category, try the color/stroke/size controls on any icon, and copy the exact <Icon /> snippet or the raw SVG straight from the page.

Why this exists

Building a portfolio or dashboard usually means one of two things: pulling in an icon font for a handful of glyphs, or scattering <img src="..."> tags across the codebase pointing at some CDN that may or may not be up when it matters. Neither felt right for something as small as "show the React logo next to the word React." This package is the alternative — <Icon name="react" />, done, and the same component works whether you need a tech-stack badge, a social link icon, or a plain arrow for a carousel button.

A few things it does deliberately

One component, not 629 imports. registry[name] does a lookup at render time, so you never end up with import { ReactIcon, DockerIcon, PostgresIcon } from '...' cluttering the top of a file.
Nothing fetched at runtime. The whole registry is bundled at build time and optimized with SVGO, so there is no loading state, no layout shift while an image loads, and it works offline.
Themeable where it makes sense. color, stroke, and strokeWidth props recolor monochrome icons to match your palette; brand marks that are supposed to stay a specific color (the React logo's blue, for instance) are left alone on purpose.
Typed out of the box. No separate @types/ package to remember to install.

Installation

npm install @web-portfolio/icons

pnpm add @web-portfolio/icons

yarn add @web-portfolio/icons

Requires React 18 or later.

Featured

AgentDB9 - AI agent Workspace

Developed a containerized AI-powered coding environment featuring a browser-based VS Code IDE, multi-provider LLM integration, semantic code search, and a scalable microservices architecture.

AgentDB9 - AI agent Workspace

Overview

AgentDB9 is a production-ready platform for building AI coding agents. It combines a browser-based VS Code environment, multi-provider AI models, semantic code search, and real-time collaboration within a Docker-based microservices architecture.

Solution

Built with Next.js, Node.js, PostgreSQL, Redis, Qdrant, and MCP, the platform delivers an extensible AI-assisted development workspace with independently deployable services.

Key Features

Browser-based VS Code IDE
Multi-provider AI model support
Semantic code search
Real-time collaboration
MCP integration
Docker-based microservices
Redis caching & PostgreSQL storage

Highlights

Modular, scalable architecture
Unified AI provider abstraction
Vector-powered code retrieval
Containerized local and cloud deployment
Designed for modern AI-assisted software engineering

Featured

Quadcopter Flight Controller

Customized and enhanced an Arduino-based quadcopter flight controller with Auto Level built from scratch, implementing sensor fusion, ESC calibration, and flight control improvements for reliable autonomous stabilisation.

Quadcopter Flight Controller

Overview

Developed and customized an Arduino-based quadcopter flight controller. The firmware processes IMU sensor data in real time, stabilizes flight with complementary filtering, calibrates ESCs, and controls motors through PWM. Additional improvements enhanced numerical stability, modern Arduino IDE compatibility, and overall flight reliability.

Solution

Built with Arduino (C++), the flight controller provides real-time sensor fusion, auto-level stabilization, ESC calibration, orientation estimation, and reliable motor control. The firmware was optimized to eliminate runtime instability during aggressive maneuvers while improving startup behavior and compatibility with newer compiler versions.

Key Features

Auto-level flight stabilization
Real-time IMU sensor processing
Complementary filter sensor fusion
ESC calibration
Pitch and roll estimation
PWM motor control
Flight setup and diagnostics
Improved numerical stability

Highlights

Enhanced compatibility with modern Arduino IDE versions
Fixed NaN instability during aggressive flight maneuvers
Improved motor startup reliability
Extended with mounting with raspberry pi for camera

Skills Beyond frontend engineering, I have a genuine curiosity for backend development, AI, and IoT. This has led me to explore backend systems, APIs, databases, AI-powered workflows, and connected technologies, helping me build a broader engineering perspective.

Growth Story My journey reflects continuous learning, adaptability, and a passion for staying current with evolving technologies. I enjoy bridging user-centered frontend experiences with robust backend systems while exploring animations, 3D experiences, and emerging technologies.

Projects A selection of my recent personal projects, built to learn, experiment, and solve real-world engineering challenges. Each one reflects my curiosity and provides an opportunity to explore new ideas, technologies, and approaches.