01. About Me

My love for Web development started back in my 2nd year of college. One day, I stumbled upon a youtube video on a CSS challenge by Kevin Powell and that just hooked me! I got fascinated with how you can style things and even create complex shapes using just CSS. I spent a lot of time experimenting and making all sorts of designs, which really made me fall in love with Frontend.

Now, I’m Leading the Frontend at Zeko AI , a startup where I get to turn ideas into reality every day. I love working with new tech, creating smooth User Experiences, User-centric and Pixel Perfect web .

Here are a few technologies I've been working with recently:

  • JavaScript (ES6+)
  • TypeScript
  • React
  • Next.js
  • Node.js
  • Tailwind CSS
  • Framer Motion
  • Web Performance
AB Kiran - Product Engineer and Frontend Developer

02. Where I've Worked

Product Engineer - Frontend @ Zeko AI

2023 - Present

  • Led the end-to-end development of Zeko’s AI Interview platform, improving user engagement and boosting NPS by 25% through refined UX and real-time interaction workflows
  • Owned the complete frontend architecture for Interview, Dashboard, and LinkedIn Hunt, ensuring a unified, accessible, and high-performant experience across all products
  • Migrated legacy systems to a Turborepo-powered Next.js + TypeScript architecture, reducing load times by 55% and sustaining Lighthouse scores above 90.
  • Built and standardized a robust atomic design system, increasing developer velocity by 30%, elevating reusability, and aligning UI/UX across the product ecosystem
  • Engineered real-time, interactive modules using WebSockets, SSE, and dynamic Implemented scalable CI/CD pipelines with SST + GitHub Actions, enabling automated, reliable, and zero-downtime deployments to staging and production, style, and ship high-quality websites, design systems, and digital experiences
  • Optimized Core Web Vitals through bundle splitting, lazy loading, CDN caching, and advanced performance techniques—achieving high-performant, enterprise-grade frontend delivery
  • Integrated REST and GraphQL APIs using React Query-based caching, ensuring resilient data flows, reduced API overhead, and a smoother experience across complex workflows.
React.jsNext.jsTypeScriptJavascriptTailwindStyled-componentsWeb PerformanceUser ExperienceCode ReusabilityShadcnMUITurbo RepoMongoDBNode.jsPythonAWS LambdaAWS S3DynamoDB

03. Some Things I've Built

AI Interview - Screenshot

AI Interview

Designed and built an AI-driven interview platform with real-time audio/video streaming, live proctoring, and dynamic alerts. Crafted a responsive, multi-layout UI (dark/light modes) optimized for low-end devices, featuring markdown and coding question support with an integrated editor.

  • Websockets
  • Server Side Events
  • React Markdown
  • Monaco Editor
AI-driven Talent Requisition - Screenshot

AI-driven Talent Requisition

The platform delivers an intuitive, modern interface where users can design workflows through drag-and-drop editors, get real-time AI suggestions, and interact with an AI-powered chat assistant. I engineered dynamic dashboards featuring interactive data visualizations, role-based access, and real-time updates via SSE, ensuring a seamless and responsive experience even with large-scale data.

  • Server Side Events
  • React DND
LinkedIn Talent Discovery - Screenshot

LinkedIn Talent Discovery

Developed the frontend of an AI-powered LinkedIn talent discovery tool using React.js, Styled Components, and Material UI. Built intuitive, pixel-perfect interfaces with real-time AI recommendations, WebSocket-based live updates, and multi-stage candidate dashboards, while integrating Chrome extension support and real-time error monitoring for seamless performance.

  • React
  • Styled-components
  • MUI
  • Tanstack Table
  • WebSocket

Other Works

Zeko Design System - Project screenshot

Zeko Design System

A comprehensive design system with reusable components, built using atomic structural design to ensure consistency across applications.

Atomic Structural Design
Kanban Board - Project screenshot

Kanban Board

An interactive candidate management board with drag-and-drop functionality for tracking candidates through different stages of the hiring process.

React DND
AI Hiring Workflows - Project screenshot

AI Hiring Workflows

A tool for creating AI Hiring workflows for the company, improving efficiency and productivity by automating the hiring process.

Candidate Report - Project screenshot

Candidate Report

A detailed comprehension of candidate assessment report. Features data visualization, skill analysis and performance metrics for hiring decisions.

AI Client Onboarding - Project screenshot

AI Client Onboarding

An intelligent onboarding system that automates and personalizes the new client experience. Conversation based onboarding process.

Framer Motion
Code Editor - Project screenshot

Code Editor

A powerful in-browser code editor built with Monaco Editor, supporting multiple programming languages with inbuilt compiler.

Monaco editor