Frontend EngineerDubai, AE

Hey, I'm

Keegan Colaco.

Keegan Colaco - Frontend Developer
Dubai

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.

About Me

Developer at work - Keegan Colaco
Fig. 01 — At the desk

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.

Today I'm the primary maintainer of a 130+ component design system on a 75-route platform, which is where I learned how much care component architecture, SSR performance and accessibility really deserve. I love the immediate visual feedback of this work and the challenge of building interfaces that delight users while staying clean and efficient underneath.

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

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 – Present

Full-time

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.js
  • TypeScript
  • React.js
  • Socket.IO
  • TanStack Query v5
  • TailwindCSS
  • Framer Motion

Jan 2023 – Mar 2024

Freelance

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.js
  • Next.js
  • SEO
  • TailwindCSS

Aug 2018 – Oct 2018

Internship

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.
  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap

Projects

Featured01 / 04

ImagiFix

  • JavaScript
  • Canvas API
  • CSS3
  • PWA

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.

Featured02 / 04

YumBites Food

  • React
  • Redux Toolkit
  • Jest
  • TailwindCSS

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.

03 / 04

Saas Admin Dashboard

  • React
  • TailwindCSS
  • Responsive

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

04 / 04

Kanban-Board

  • React
  • Drag & Drop
  • LocalStorage

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

Current Stack

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

    Design tool

  • JavaScript

    Programming language

  • TypeScript

    Typed JavaScript

  • React

    Js library for UI

  • TailwindCSS

    CSS framework

  • Framer Motion

    Animation library

  • Git

    Version control system

  • Redux

    State management library

  • NextJs

    React framework

  • Jest

    Testing Framework

" 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 ( ) ;