Senior Front-End Developer
I use motion and interactivity to build experiences that tell a story.
Recent Projects
PSG Ocean
Coastal engineering consulting
Services
- Web development
- Headless CMS
- Multilingual website
Professional Experience
Seneca Polytechnic
2019 - 2020
Full Stack Developer & Researcher
I developed rapid prototypes, each with completely different tech stacks for startups:
- Load Testing Tooling: Bypassed resource-hogging Chrome browsers with a custom, ultra-lightweight load-testing prototype.
- Network Recon: Built a custom TCP packet sniffing device using a Raspberry Pi, C, Bash, and Python.
- 3D Biometrics: Engineered an anthro-photogrammetry Blender plugin to calculate precise body measurements from 3D human meshes.
- Content Aggregation: Shipped a full-stack blog aggregator to tie it all together.
Mozilla
Oct 2019 - Mar 2020
Open Source Contributor
The open-source side quest. I dove into the massive Firefox DevTools codebase to ship quality-of-life upgrades for millions of developers:
- DevTools Filtering: Engineered dynamic, React-based filtering for nested console groups inside the Firefox Developer Tools.
- The UI Glitch Patch: Squashed a recursive nesting bug where persistent console groups refused to close across page reloads.
- Telemetry Wiring: Hooked up core telemetry tracking for the console's reverse search feature to map out developer usage patterns.
Architech
June 2020 - May 2022
Software Developer
Leveled up into enterprise architecture, bridging the gap between front-end UI and backend systems:
- The Backend Backbone: Built secure, cloud-first systems and engineered robust GraphQL and REST APIs using Node.js and Express.
- UI Engineering: Shipped highly responsive web and mobile interfaces utilizing React, Redux, and Contentful.
- Quality Control: Locked down code integrity with Jest and Enzyme unit testing while coordinating directly with product owners and design teams.
Hootsuite
May 2022 - Dec 2024
Software Engineer
Managing massive scale and mastering asynchronous front-end architecture:
- The Core Loop: Built and maintained React, TypeScript, and Redux Toolkit apps functioning within a complex, event-driven microservice architecture.
- Backend-for-Frontend: Engineered custom OpenAPI endpoints in Golang to perfectly support the front-end state.
- A11y Champion: Acted as the accessibility champion, remediating over 300 WCAG 2.1 bugs spanning focus management, semantics, and keyboard interactions.
- Observability & Automation: Rigged up SLO/SLA dashboards in Grafana/Prometheus and contributed to GDPR automation running on AWS via Python, Docker, and Vault.
Freelance
May 2025 - April 2026
Freelance Developer
Web Developer
Partnered directly with clients to architect and deliver bespoke, high-performance web experiences end-to-end:
- Bespoke Web Experiences: Designed and developed custom sites utilizing React, Astro, GSAP, and Three.js for immersive UI/UX.
- Content Architecture: Integrated headless CMS solutions (Sanity) to empower clients with seamless content management and dynamic updates.
- Deployment & Infrastructure: Managed end-to-end delivery, including DNS configuration and setting up automated GitHub to Cloudflare Pages webhooks.
Kinetic Signal
April 2026 - present
Founder & Design Engineer
Founded an independent development studio specializing in architecting bespoke, high-performance web experiences:
- Custom Animation Architecture: Designed a versioned TypeScript animation library with scoped ScrollTriggers and IntersectionObservers to eliminate memory leaks across component lifecycles.
- CI/CD & Security Automation: Implemented 37 Vitest suites, Storybook with Chromatic visual regression, and automated CI pipelines featuring strict build-time CSP generation.
- Full-Stack Client Delivery: Delivered custom-coded, high-performance sites for freelance clients utilizing React, Astro, GSAP, and Three.js, fully integrated with Sanity CMS and Cloudflare webhooks.
My Stack
TypeScript Redux React GraphQL Claude Code Three.js Figma Node.js Astro Sanity GSAP Python Next.js Go Storybook Express.js Git & Github Cloudflare
Hello, I'm Miguel Roncancio but you can call me Miggs.
Skills
Skills
Astro
When I need a blazing-fast site, this is my go-to. I pair Astro's architecture with complex GSAP animations and headless CMS setups to give clients hyper-performant, SEO-friendly experiences.
Claude
I use AI tools like the Claude Code CLI as my co-pilot to accelerate my full-stack development, brainstorm complex logic, and maintain high code quality across the board.
Figma
I leverage the Figma MCP in my AI workflows and sync design systems directly to component libraries using Figma Code Connect, preventing drift and making hand-off seamless.
Sanity CMS
I empower my freelance clients by wiring up this headless CMS into modern frontends. It lets them easily manage their content behind the scenes.
React
I’ve spent years architecting and maintaining production-scale React UIs for enterprise customers. I know how to wrangle messy asynchronous data flows and global state without sacrificing front-end performance.
GSAP
I don't just use GSAP; I build systems around it. I created a custom TypeScript animation library where I scoped every ScrollTrigger to its specific component, eliminating memory leaks across complex pin and unpin cycles.
Three.js
I love breaking out of the standard 2D DOM. I use Three.js to custom-code immersive 3D experiences that integrate seamlessly into the bespoke sites I build for my clients.
TypeScript
The backbone of everything I build. I rely on strict typing to keep my highly interactive codebases bug-free, whether I'm writing custom frontend elements or building robust backend REST integrations.
Experience
Experience
Founder & Front-end Engineer
Built a starter template for all client sites using Astro 7 + Tailwind 4 starter with a Sanity Studio, GROQ/Portable Text content, EN/FR i18n routing, sitemap and SEO metadata
Shipped an interactive globe for a geotechnical client (andes-geo.com) using Next.js, React Three Fiber with custom vertex/fragment GLSL shaders for the earth and atmosphere.
Seneca Polytechnic
Full Stack Developer & Researcher
2019 - 2020
I developed rapid prototypes, each with completely different tech stacks for startups:
Load Testing Tooling: Bypassed resource-hogging Chrome browsers with a custom, ultra-lightweight load-testing prototype.
Network Recon: Built a custom TCP packet sniffing device using a Raspberry Pi, C, Bash, and Python.
3D Biometrics: Engineered an anthro-photogrammetry Blender plugin to calculate precise body measurements from 3D human meshes.
Content Aggregation: Shipped a full-stack blog aggregator to tie it all together.
Mozilla
Open Source Contributor
Oct 2019 - Mar 2020
The open-source side quest. I dove into the massive Firefox DevTools codebase to ship quality-of-life upgrades for millions of developers:
DevTools Filtering: Engineered dynamic, React-based filtering for nested console groups inside the Firefox Developer Tools.
The UI Glitch Patch: Squashed a recursive nesting bug where persistent console groups refused to close across page reloads.
Telemetry Wiring: Hooked up core telemetry tracking for the console's reverse search feature to map out developer usage patterns.
Architech
Software Developer
June 2020 - May 2022
Leveled up into enterprise architecture, bridging the gap between front-end UI and backend systems:
The Backend Backbone: Built secure, cloud-first systems and engineered robust GraphQL and REST APIs using Node.js and Express.
UI Engineering: Shipped highly responsive web and mobile interfaces utilizing React, Redux, and Contentful.
Quality Control: Locked down code integrity with Jest and Enzyme unit testing while coordinating directly with product owners and design teams.
Hootsuite
Software Engineer
May 2022 - Dec 2024
Managing massive scale and mastering asynchronous front-end architecture:
The Core Loop: Built and maintained React, TypeScript, and Redux Toolkit apps functioning within a complex, event-driven microservice architecture.
Backend-for-Frontend: Engineered custom OpenAPI endpoints in Golang to perfectly support the front-end state.
A11y Champion: Acted as the accessibility champion, remediating over 300 WCAG 2.1 bugs spanning focus management, semantics, and keyboard interactions.
Observability & Automation: Rigged up SLO/SLA dashboards in Grafana/Prometheus and contributed to GDPR automation running on AWS via Python, Docker, and Vault.
Freelance
Web Developer
May 2025 - April 2026
Partnered directly with clients to architect and deliver bespoke, high-performance web experiences end-to-end:
Bespoke Web Experiences: Designed and developed custom sites utilizing React, Astro, GSAP, and Three.js for immersive UI/UX.
Content Architecture: Integrated headless CMS solutions (Sanity) to empower clients with seamless content management and dynamic updates.
Deployment & Infrastructure: Managed end-to-end delivery, including DNS configuration and setting up automated GitHub to Cloudflare Pages webhooks.
Kinetic Signal
Founder & Design Engineer
April 2026 - present
Founded an independent development studio specializing in architecting bespoke, high-performance web experiences:
Custom Animation Architecture: Designed a versioned TypeScript animation library with scoped ScrollTriggers and IntersectionObservers to eliminate memory leaks across component lifecycles.
CI/CD & Security Automation: Implemented 37 Vitest suites, Storybook with Chromatic visual regression, and automated CI pipelines featuring strict build-time CSP generation.
Full-Stack Client Delivery: Delivered custom-coded, high-performance sites for freelance clients utilizing React, Astro, GSAP, and Three.js, fully integrated with Sanity CMS and Cloudflare webhooks.
Freelance Developer