Available for new opportunities

Hey, I'm Vivek K.

I build product-grade interfaces that scale with real users|

Senior UI Engineer focused on designing reliable, high-performance interfaces for production systems used in real hiring workflows.

Designed and shipped assessment systems handling thousands of candidate sessions across production hiring environments.

40%Bundle size reduction
20+Modules shipped
4+Years in production
View My Work Let's Talk
Vivek K — UI Developer
React
CSS3
JS
Scroll
01 — Who I Am

Engineering interfaces for
real-world systems

Over the past 4+ years, I’ve designed and scaled interfaces used in real hiring workflows — balancing usability, performance, and engineering constraints across production systems.

Over the past 4+ years at Select10X, I've owned the entire frontend of an AI-powered assessment and hiring platform — from architecture decisions to the last pixel. I've built, iterated, and scaled interfaces used by hiring managers and candidates across India, all without a dedicated design team.

That means I've learned to think like a designer, move like an engineer, and communicate like a product person. I bring that rare combination to every project I work on.

Download Resume See My Journey
0
+Years
Professional Experience
0
+ Projects
Shipped to Production
0
% Less
Bundle After Migration
0
K+
Candidate Sessions Supported
Design-minded Performance-obsessed Team player Systems thinker Self-taught designer
02 — How I Think

The principles that shape
every decision I make

These aren't buzzwords. They're the mental models I apply every day when building interfaces people actually use.

01

Clarity over visual noise

Every element I add must earn its place. If a user has to think about what something does, I've already failed. Good UI makes the obvious feel inevitable.

UX Principle
02

Systems over one-offs

I don't build pages — I build systems. Every component I write is reusable, every token I set is consistent, because the next feature should be faster to ship, not slower.

Engineering Principle
03

UX driven by real usage

I obsess over how real users interact — not how we imagine they will. Feedback loops, error states, loading skeletons, and edge cases are features, not afterthoughts.

Product Principle
04

Performance as design

A slow interface is a broken interface. Load time, render performance, and interaction latency are design constraints, not technical footnotes. Speed is part of the product.

Performance Principle
05

Build for the next person

Code I write today will be read by someone else tomorrow. I write for clarity, add comments that explain intent, and structure features so future developers move faster, not slower.

Engineering Principle
06

Ship, then refine

Working software beats perfect plans. I push a v1 that solves the real problem, gather feedback, then improve. Iteration beats planning in circles. Done is better than perfect.

Product Principle
03 — What I Know

A toolkit built for
modern interfaces

Component Architecture

Designing scalable UI systems that reduce duplication, improve maintainability, and accelerate feature delivery.

Systems

State & Interaction Systems

Engineering responsive interfaces that handle complex flows, dynamic states, and real-time user feedback reliably.

Advanced

Production UI Engineering

Building interfaces optimized for production reliability, rendering performance, and long-session usability.

Production

Legacy System Modernization

Modernizing legacy frontend systems without disrupting production workflows or existing user behavior.

Migration

Data-Heavy Interface Design

Designing interfaces that remain usable under dense operational workflows, analytics, and assessment systems.

Scale

Cross-Device UX Engineering

Creating responsive experiences that remain intuitive across desktop, mobile, and constrained environments.

Responsive

Product-Aware Engineering

Building interfaces by balancing user experience, business requirements, engineering constraints, and delivery timelines.

Strategy

Design System Thinking

Creating scalable UI patterns, reusable components, and consistent interaction systems across products.

Architecture

Also comfortable with

Figma Tailwind CSS SASS/SCSS npm / Yarn GitHub Vite REST APIs Postman VS Code Chrome DevTools

React.js

Component architecture, hooks, state management, performance optimization, and reusable design systems.

Advanced

HTML5 / CSS3

Semantic markup, Grid, Flexbox, custom properties, animations, and accessibility-first development.

Expert

JavaScript ES6+

DOM manipulation, async/await, closures, modular patterns, event-driven design, and browser APIs.

Advanced

Bootstrap / jQuery

Rapid UI development, responsive grids, custom theming, plugin integration, and legacy fluency.

Expert

Responsive Design

Mobile-first thinking, fluid layouts, viewport adaptations, and cross-device visual consistency.

Expert

UI/UX Thinking

User flows, wireframing, visual hierarchy, micro-interactions, and feedback loops — without a designer.

Proficient

Git & Workflow

Version control, branching strategies, PR reviews, and collaborative development in cross-functional teams.

Proficient

Design Systems

Building consistent component libraries, token-based styling, and scalable UI patterns for large products.

Proficient

Engineering stack & workflow tools

React.js JavaScript ES6+ HTML5 / CSS3 Bootstrap jQuery Tailwind CSS SASS / SCSS Git & GitHub npm / Yarn REST APIs Vite Postman Chrome DevTools Figma VS Code
04 — Where I've Worked

4+ years building
real products, real impact

Senior UI Developer

Select10X Full-time
Jan 2022 – Present Mumbai, India

Select10X is an AI-powered hiring and assessment platform. I joined as the sole frontend developer and grew into the primary owner of the entire UI — from architecture to delivery.

40% Faster
10,000+ candidates served
60% faster render after React migration
  • Designed and built the Candidate Assessment Player — a timed, multi-format quiz engine handling MCQs, coding questions, and video responses; zero design support, delivered in 6 weeks.
  • Built the Question Bank and Manage Assessments module — full CRUD with filters, tagging, difficulty levels, and bulk operations for HR teams managing 5,000+ questions.
  • Created the Self-Assessment Portal — enabling candidates to test themselves and receive instant feedback, increasing platform session depth by an estimated 35%.
  • Migrated key modules from jQuery/Bootstrap to React — reducing bundle size by ~40%, improving render performance, and establishing component reuse patterns.
  • Collaborated directly with product and backend teams to ship features end-to-end, translating requirement docs into working UI on tight timelines.
ReactHTML5CSS3BootstrapjQueryREST APIs

Freelance UI Developer

Independent Projects Freelance
2021 - Present Remote

Alongside my full-time role, I've taken on select freelance projects — helping small businesses and startups build their digital presence with fast, clean interfaces.

  • Built responsive landing pages and marketing sites focused on fast load times and clear visual communication; average PageSpeed score of 92+.
  • Delivered dashboard UI kits and admin panel templates for SaaS clients, enabling faster internal tooling.
  • Worked directly with clients to translate brand briefs into working interfaces, managing feedback rounds independently.
HTML/CSSJavaScriptBootstrapReact
05 — Selected Work

Case studies from
real production systems

Not portfolios pieces — real modules shipped to real users. Each one documents the problem, the decisions, and the measurable outcome.

Featured Case Study

Candidate Assessment Player

Most assessment platforms are rigid, slow, and frustrating for real hiring workflows. I rebuilt the experience from scratch to make it fast, flexible, and scalable.

A timed, multi-format online exam engine — the core product of Select10X, built from scratch with zero design support.

2022 Select10X Sole Frontend Dev

Problem

HR teams needed a reliable way to conduct online technical assessments. Candidates were dropping off due to unreliable third-party tools with poor mobile support and zero customization.

Constraints

No design team. No design specs. 6-week deadline. Single frontend developer. Had to support MCQs, coding, and subjective formats simultaneously.

My Approach

Started with user flows on paper, then built a component-driven React architecture so each question type was independently testable. Prioritized auto-save and graceful error handling first — the "trust layer" that makes candidates feel safe.

What I Built

  • Multi-section exam flow with per-section and global timer enforcement
  • Auto-save on every answer change with localStorage fallback
  • Anti-cheat detection — tab-switch alerts, fullscreen enforcement
  • 3 question type renderers: MCQ, subjective, and code input
  • Post-submission score summary and per-question review screen
  • Fully responsive layout tested across desktop, tablet, and mobile

Outcome & Impact

10k+ Assessments completed
~35% Drop-off reduction
6 wks Delivered in
React.jsCSS3REST APIsJavaScriptLocalStorage API
Select10X ⏱ 45:32
Question 7 of 20
Which lifecycle method is called after the component is mounted?
componentDidMount()
componentWillMount()
useEffect()
render()
← Prev
Next →
Performance Score
91/100
Accessibility
88/100
Best Practices
95/100
Admin Tooling

Question Bank & Assessment Manager

A full-featured content management system enabling HR teams to build, tag, and manage thousands of assessment questions at scale.

2022–2023 Select10X Frontend Lead

Problem

HR teams were managing test questions in spreadsheets. Creating a new assessment meant manually tracking what questions existed, at what difficulty, for which skill — an error-prone, time-consuming process.

Constraints

5,000+ questions needed to be manageable in one UI. Bulk imports via CSV. Complex filtering (skill, difficulty, type, usage count). Real-time search across large datasets.

My Approach

Designed a faceted filter system with URL-persisted state so HR managers could bookmark specific query configurations. Built a virtual scroll list for performance, paired with optimistic UI updates so bulk edits felt instant.

Outcome & Impact

5k+ Questions managed
~70% Faster assessment creation
<200ms Filter response time
ReactBootstrapREST APIPaginationCSV Import
Question Bank 5,241 questions
All Skills
React
CSS
JavaScript
QuestionDifficultyType
What is the virtual DOM? Easy MCQ
Explain useEffect cleanup Medium Subjective
Implement debounce in JS Hard Coding
Data Visualization

HR Analytics Dashboard

A real-time data dashboard giving recruiters visibility into assessment completion, candidate performance, and hiring pipeline health.

2023 Select10X Frontend Lead

Problem

Recruiters had no visibility into how candidates were performing. They were making hiring decisions based on gut feel, not data — with completion rates, score distributions, and time-on-question sitting in a raw database.

My Approach

Translated raw API data into meaningful visual summaries. Used Chart.js for interactive charts. Built a filter-first dashboard with exportable CSV reports — designed so a non-technical recruiter could extract insights in under 30 seconds.

Outcome & Impact

8+ Chart types built
~45% Faster hiring decisions
CSV One-click export
ReactChart.jsCSS3REST APICSV Export
Analytics This Month
847
Assessments
68%
Pass Rate
24m
Avg Time
06 — Live UI Components

Engineering the
interaction layer

These are live, interactive components — no screenshots, no video. Click, drag, sort. See how I build.

Dashboard Widget
Hiring Pipeline
247
Applied
12%
164
Assessed
8%
43
Shortlisted
3%
Applied
247
Assessed
164
Shortlisted
43
Click Week / Month to see animated transitions
Interactive Slider
Rate your React knowledge
72 Advanced
You're comfortable with hooks, component patterns, and state management. One step from expert.
BeginnerProficientAdvancedExpert
Drag the slider to explore skill levels
Sortable Data Table
5 of 5
Name Score Time Status
Click column headers to sort · Search to filter
Micro-interactions
Reaction button
Copy to clipboard
npm install vivek-ui
Progress button
Dark mode toggle
Click each element to see the interaction
07 — Currently Building

An AI product I'm
shipping in public

In Active Development — MVP phase

RecastAI

AI-powered content repurposing engine for creators and marketers

Most creators write one great piece of content and let it die. RecastAI solves this by taking a single piece — a blog post, a podcast transcript, a YouTube video — and repurposing it into 10+ platform-native formats: Twitter threads, LinkedIn posts, email newsletters, Instagram carousels, and short-form scripts.

I'm building this to scratch my own itch and to push myself beyond UI work into full product ownership — design, frontend, API integration, and user research.

Problem Content repurposing is a 2-hour manual task that blocks creators from publishing consistently across platforms.
What's built Landing page, auth flow, content ingestion UI, and first-pass AI output rendering. Integration with OpenAI API in progress.
Next milestone Closed beta with 20 creator testers. Targeting June 2025 for public waitlist.
ReactTailwind CSSOpenAI APINode.jsSupabase
Get Notified More coming soon — following me on LinkedIn for updates.
Beta
Paste your content
React 19 is now stable and it introduces... |
Output formats
Thread Post Email Carousel Script
Twitter Thread
08 — Background

Foundation & continuous learning

Bachelor of Computer Applications

BCA — Bihar, India

A 3-year programme covering core computer science fundamentals — algorithms, databases, web technologies, and software engineering.

Self-Directed Learning

Online Courses, Projects & Production Experience

React, advanced CSS, design patterns, and UI engineering — learnt by building real things and shipping them to production, not just watching tutorials.

09 — Why Hire Me

What makes me
different

01

UX Before Implementation

Most developers need a designer. I've been both for 4 years. I think about hierarchy, spacing, colour, and motion — not just markup.

02

Built for Real Usage

Production experience means I understand edge cases, error states, loading states, and empty states. I deliver features that work for real users.

03

Product-Aware Engineering

Working with PMs, backend engineers, and business owners has made me a strong communicator. I ask the right questions so I don't have to rebuild later.

04

Systems That Scale

I've maintained and grown a codebase over years — introducing React, improving patterns, and making it easier for future developers to work in.

10 — Get In Touch

Building systems that need both
UX and engineering depth?
Let’s talk.

Open to full-time roles, product-focused teams, and ambitious systems that need both UX clarity and engineering depth.

Portfolio

vvek.dev

Location

Mumbai — Open to Remote

Response Time

Within 24 hours

Currently building AI-powered systems while exploring the intersection of UX, scale, and human behavior.