Manjunath

While coding is what I do, it's the world around me that shapes how I imagine, design, and code experiences that feel alive.

photo a
photo b
photo c

I've always been someone who pays attention to the small things — the colors of a street market, the rhythm of a busy cafe, the way people interact with their surroundings. Observing these details naturally shaped how I think and create. That habit eventually became the core of my approach to frontend development. For me, building interfaces isn't just about code or visuals; it's about understanding people, their behaviors, and the tiny patterns that influence how they use a product. I make it a point to explore new places and experiences, because every environment teaches me something — how people navigate space, how they respond to design, and what makes an experience feel seamless. This constant curiosity fuels my work and helps me build frontends that feel intuitive, thoughtful, and connected to the real world.

Engineering Supercharged by
AI Tools & Agents

I treat artificial intelligence not as a shortcut, but as a cognitive multiplier. By mastering tools like GitHub Copilot and Claude Code, I build more ambitious products in fraction of the time while elevating code quality and user experience.

Claude Code
Agentic CLI Workflows

Autonomous Terminal with Claude Code

I use Claude Code in the CLI as an autonomous engineering partner. From sweeping large refactors across Next.js app directories to diagnosing subtle state synchronization bugs across multiple files, agentic CLI tools allow me to maintain velocity on complex system architectures without breaking context.

Multi-file reasoning & architectural sweep
Automated test execution & test-driven fixes
Semantic codebase navigation & documentation
Instant translation of complex requirements into code
GitHub Copilot
Real-time Pair Programming

In-Editor Speed with GitHub Copilot

GitHub Copilot sits directly in my VS Code / IDE workflow, predicting algorithmic patterns, generating boilerplate TypeScript interfaces, converting CSS configurations into optimized Tailwind classes, and crafting thorough mock datasets on the fly.

Zero-latency autocomplete for boilerplate and handlers
Predictive typing for strict TypeScript schemas
Rapid unit & component test coverage generation
Smart regex & mathematical layout calculations
Design & Empathy
The Human Element

Human Taste & Aesthetic Direction

While AI generates code, human intuition drives taste. AI frees me from mundane syntax so I can invest maximum energy into what matters most: fluid 60fps micro-animations, accessible user journeys, responsive nuances, and interfaces that evoke delight.

Pixel-perfect UI alignment & creative motion design
Rigorous accessibility (A11y) & keyboard navigation
Performance profiling & Core Web Vitals optimization
Empathetic user research & intuitive UX architecture

How AI Integrates Into My Development Lifecycle

A structured, disciplined flow blending autonomous speed with human precision.

01

Intent & Architecture

Formulating system schemas, component boundaries, and UX state machines with conversational LLMs.

02

Agentic Scaffolding

Using Claude Code & Copilot to generate strict TypeScript models, API client hooks, and baseline components.

03

Human Refinement

Hand-tuning micro-interactions, responsive ergonomics, dark mode palettes, and animation curves.

04

AI Verification & CI

Automated regression testing, bundle size checks, accessibility audits, and clean Git PR generation.

AI+
The Bottom Line: AI does not replace craftsmanship; it amplifies it. With tools like GitHub Copilot and Claude Code handling the heavy lifting, I deliver higher quality frontend architecture, deeper accessibility, and richer interactive details in every release.

Tech Stack

Here are a few of the technologies I am using while building projects.

ReactReact
Next.jsNext.js
TypeScriptTypeScript
JavaScriptJavaScript
GitHub CopilotGitHub Copilot
Claude CodeClaude Code
Cursor AICursor AI
ShadcnShadcn
FlowbiteFlowbite
BootstrapBootstrap
Tailwind CSSTailwind CSS
CSSCSS
SassSass
HTMLHTML
PostmanPostman
GitHubGitHub
GitLabGitLab
FirebaseFirebase
Have something in mind?
Lets connect