Hey 👋, I'm

Keegan Colaco.

Building Scalable, User-Focused Web Experiences ✨

Most devs write code. I write experiences. A dash of pixel obsession, sprinkle in some curiosity and you've got products people genuinely love to use.

Keegan Colaco - Frontend Developer

About Me

Developer at work - Keegan Colaco

I'm Keegan, a frontend engineer with 3+ years of experience building production React, Next.js and TypeScript applications — from AI-powered products to real-time systems serving 23,000+ active users. I chose frontend development because it sits at the intersection of creative design and technical problem-solving.

Let's connect and bring your vision to life through impactful web solutions.

Download CV

Work Experience

From shipping real-time features at scale to architecting multi-tenant platforms, here's a look at my roles and work that shaped how I build.

Jan 2025 – PresentFull-time01

Frontend Developer

Lucres · Remote

  • Built and shipped features across a 75-route Next.js App Router platform serving 23,000+ active users — job search, applicant tracking, real-time messaging, an AI resume builder, admin dashboards with role-based access and analytics, and multi-tenant white-label careers sites.
  • Primary maintainer of a 130+ component design system — component architecture, design tokens, theming and dark mode — partnering with designers on Figma handoffs to ship pixel-perfect responsive UI with consistent Framer Motion interaction feedback.
  • Engineered a scalable real-time chat system in Next.js and TypeScript using Socket.IO, supporting 1:1 and group communication with optimistic updates, virtualized threads, presence tracking and resilient reconnect strategies.
  • Built an AI-powered resume builder end to end: a contentEditable rich-text editor, PDF parsing for one-click import into structured fields, a live preview engine across 4 templates with instant layout switching and A4 pagination, and a contextual AI suggestion system.
  • Architected multi-tenant SSR career pages, letting companies launch fully branded portals on subdomains or custom domains with SSO authentication and server-rendered CSS custom properties for correct branding on first paint.
  • Improved performance on data-heavy feeds and dashboards by migrating caching to TanStack Query v5 for request deduplication and cache invalidation, and resolved a production OOMKill crash-loop that improved SSR stability and cut infrastructure costs by 40%.
  • Raised accessibility to WCAG 2.1 across the messaging surface with focus trapping, focus restore, keyboard operation and correct dialog semantics for all modals and action menus.
Next.jsTypeScriptReact.jsSocket.IOTanStack Query v5TailwindCSSFramer Motion
Jan 2023 – Mar 2024Freelance02

Freelance Frontend Web Developer

Freelancer · Remote

  • Delivered 8+ production websites end to end for dermatology and dentistry clients using React.js and Next.js, owning scoping, pixel-perfect Figma-to-code implementation, deployment and post-launch iteration as the sole developer.
  • Drove a 60% lift in organic search traffic within 2 months through on-page SEO and Lighthouse-guided Core Web Vitals optimization.
  • Implemented Generative Engine Optimization (GEO) strategies to enhance client discoverability on AI search platforms like ChatGPT and Perplexity, driving visibility for niche healthcare practices.
  • Built accessible, conversion-driven interfaces with WCAG-compliant markup and strategic CTAs, translating client business goals into measurable patient lead generation.
React.jsNext.jsSEOTailwindCSS
Aug 2018 – Oct 2018Internship03

Frontend Developer Intern

Deviant Strokes · Goa, India

  • Translated Figma designs into pixel-perfect, responsive UIs adhering to UI/UX principles and design systems, ensuring consistent visual fidelity across the platform.
  • Created dynamic user interfaces using HTML, CSS, JavaScript and Bootstrap, conducting thorough testing and debugging to ensure cross-browser compatibility and resolving 15+ issues.
  • Optimized web performance and accessibility by implementing lazy-loading, image compression, and semantic HTML with ARIA attributes, improving Lighthouse scores.
HTML5CSS3JavaScriptBootstrap

Projects

Featured

ImagiFix

JavaScriptCanvas APICSS3PWA

A canvas-based photo editor built with zero libraries — 7+ filters, precise cropping, rotation, flipping, undo/redo and custom text overlays, shipped as an installable offline-ready PWA that scores a perfect 100 on Lighthouse.

ImagiFix - Project preview
Click to explore →
Featured

YumBites Food

ReactRedux ToolkitJestTailwindCSS

A food ordering web app on a live restaurant API with client-side routing, Redux Toolkit state and debounced search — backed by 95% Jest test coverage and route-level code splitting with React.lazy for a lighter first load.

YumBites Food - Project preview
Click to explore →

Saas Admin Dashboard

ReactTailwindCSSResponsive

A pixel-perfect, responsive admin dashboard built with React, featuring seamless design adherence, meaningful microinteractions, and optimized for all devices.

Saas Admin Dashboard - Project preview
Click to explore →

Kanban-Board

ReactDrag & DropLocalStorage

A sleek web app for efficient task management with features like drag-and-drop organization, customizable status columns, and task creation, editing, and deletion.

Kanban-Board - Project preview
Click to explore →

Current Stack

A small list of cool things I use to construct my projects.

Figma - Design tool

Figma

JavaScript - Programming language

JavaScript

TypeScript - Typed JavaScript

TypeScript

React - Js library for UI

React

TailwindCSS - CSS framework

TailwindCSS

Framer Motion - Animation library

Framer Motion

Git - Version control system

Git

Redux - State management library

Redux

NextJs - React framework

NextJs

Jest - Testing Framework

Jest

" Learning, Living and Leveling Up . "

Got an exciting project brewing? Let's talk! I love turning ideas into reality and am always eager to explore new collaborations.Whether you're looking to create something amazing together or just want to exchange ideas over virtual coffee, drop me a line via email or connect through my social channels.

Get in touch - Contact Keegan Colaco

Get In Touch ( ) ;