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.
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.
JoinCove
Private conversations. No accounts. No history.
A production-ready communication platform designed from scratch.
Privacy First
Anonymous by Design
React
Cloudflare
WebRTC
Zero Knowledge
🔒 End-to-End Encryption
👤 No Accounts
🗑️ No History
🎥 Secure Voice & Video
🛡️ Zero Knowledge
Designed & Engineered
Vivek K.
joincove.app
P2P WebRTC
Private conversations.
No accounts.
No history.
🔒 End-to-end encrypted
🎥 Secure Voice & Video Calls
🗑️ Messages disappear
👤 No account required
📱 No phone number
🛡️ Zero-knowledge architecture
🔒 How to connect
1 Room ID →
2 Private PIN →
3 Share both
Only someone who enters the exact same Room ID and Private PIN can join your conversation.
Join Cove
🔒 How to Connect →
Encrypted before it leaves your device.
Private
conversations. No accounts. No history.
Join Room →
Encrypted before it leaves your device.
Private
conversations. No accounts. No history.
Join Room →
Room: moonl...
Online
Leave
Type a message...
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.
4+Years
Professional Experience
20+ Projects
Shipped to Production
40% Less
Bundle After Migration
10K+
Candidate Sessions Supported
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.
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.
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.
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.
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.
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.
Component Architecture
SystemsDesigning scalable UI systems that reduce duplication, improve maintainability, and accelerate feature delivery.
State & Interaction Systems
AdvancedEngineering responsive interfaces that handle complex flows, dynamic states, and real-time user feedback reliably.
Production UI Engineering
ProductionBuilding interfaces optimized for production reliability, rendering performance, and long-session usability.
Legacy System Modernization
MigrationModernizing legacy frontend systems without disrupting production workflows or existing user behavior.
Data-Heavy Interface Design
ScaleDesigning interfaces that remain usable under dense operational workflows, analytics, and assessment systems.
Cross-Device UX Engineering
ResponsiveCreating responsive experiences that remain intuitive across desktop, mobile, and constrained environments.
Product-Aware Engineering
StrategyBuilding interfaces by balancing user experience, business requirements, engineering constraints, and delivery timelines.
Design System Thinking
ArchitectureCreating scalable UI patterns, reusable components, and consistent interaction systems across products.
Also comfortable with
Figma
Tailwind CSS
SASS/SCSS
npm / Yarn
GitHub
Vite
REST APIs
Postman
VS Code
Chrome DevTools
React.js
AdvancedComponent architecture, hooks, state management, performance optimization, and reusable design systems.
HTML5 / CSS3
ExpertSemantic markup, Grid, Flexbox, custom properties, animations, and accessibility-first development.
JavaScript ES6+
AdvancedDOM manipulation, async/await, closures, modular patterns, event-driven design, and browser APIs.
Bootstrap / jQuery
ExpertRapid UI development, responsive grids, custom theming, plugin integration, and legacy fluency.
Responsive Design
ExpertMobile-first thinking, fluid layouts, viewport adaptations, and cross-device visual consistency.
UI/UX Thinking
ProficientUser flows, wireframing, visual hierarchy, micro-interactions, and feedback loops — without a designer.
Git & Workflow
ProficientVersion control, branching strategies, PR reviews, and collaborative development in cross-functional teams.
Design Systems
ProficientBuilding consistent component libraries, token-based styling, and scalable UI patterns for large products.
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
Where I've Worked
4+ years building real products, real impact
Select10X
Full-time · Primary Frontend Owner
Senior UI Developer
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
Independent Projects
Freelance
Freelance UI Developer
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
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.
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
Question 7 of 20
Which lifecycle method is called after the component is mounted?
componentDidMount()
componentWillMount()
useEffect()
render()
← Prev
Next →
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.
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
All Skills
React
CSS
JavaScript
QuestionDifficultyType
What is the virtual DOM?
Easy
MCQ
Explain useEffect cleanup
Medium
Subjective
Implement debounce in JS
Hard
Coding
Grid vs Flexbox layout model
Easy
MCQ
Data Visualization
HR Analytics Dashboard
A real-time data dashboard giving recruiters visibility into assessment completion, candidate performance, and hiring pipeline health.
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
847
Assessments
68%
Pass Rate
24m
Avg Time
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%
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 (Dark mode toggle switches the whole page!)
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.
RecastAI
Beta
Paste your content
React 19 is now stable and it introduces...
|
Output formats (Click to preview)
Thread
Post
Email
Carousel
Script
Twitter Thread
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.
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.
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.devLocation
Mumbai — Open to RemoteResponse Time
Within 24 hoursCurrently building AI-powered systems while exploring the intersection of UX, scale, and human behavior.