Homepage Illustration

Creative full stack web developer who loves to figure out how things work. Observant problem solver that leverages technology to simplify and streamline complex tasks. I thrive in a collaborative environment and approach everything with empathy, and compassion.

file_download assignment RESUME

Projects

vue scss js babylon

Developed for Microsoft as a virtual sales tool during the COVID-19 pandemic, this interactive 3D experience showcased the Surface product line with live lighting/shadows, and draggable interactions. Originally intended for sales demonstrations, it quickly became a broader marketing and customer engagement platform.

Key Contributions:

  • Served as lead developer, collaborating with two supporting developers.
  • Integrated Babylon.js 3D models provided by the 3D designer and implemented interactive features.
  • Optimized performance by balancing model detail with load times for a smooth cross-device experience.
  • Implemented localization support for multi-region content.

Collaborators: Two supporting devs, 3D designer, Designer, Creative director, Copywriter, QA specialist and project manager.

vue nuxt scss js storyblok gsap lottie

An internal initiative to modernize Indigo Slate’s brand and web presence through a fully reimagined, modular site. Built with a headless CMS architecture to empower teams across departments to create and update content independently.

Key Contributions:

  • Led development from concept to launch.
  • Selected and implemented Storyblok as the CMS for flexible content management.
  • Translated Figma designs into reusable, dynamic components connected to Storyblok fields.
  • Integrated GSAP and Lottie animations for visual engagement and brand expression.
  • Ensured performance, scalability, and maintainability through a modular architecture.
  • Built the frontend in Nuxt.js and Vue with SSR configuration for security compliance.

Collaborators: Designer, Creative director, Copywriter, Video editor, Marketing team, QA specialist and a Project manager.

LIVE SITE
vue nuxt scss js gsap

A Microsoft showcase of companies transforming industries with AI, featuring a scalable design and smooth, interactive navigation for exploring case studies.

Key Contributions:

  • Co-architected the front end using Nuxt.js and Vue.js for performance and maintainability.
  • Developed the hero carousel, which doubled as a navigation tool for exploring featured case studies.
  • Integrated GSAP animations to bring visual polish and smooth transitions.
  • Built dynamic, reusable components to support content scalability.

Collaborators: One other dev, Designer, Creative director, Copywriter, Video editor, QA specialist and a Project manager.

vue scss js d3

A cloud-based analytics platform delivering real-time portfolio insights for commercial real estate investors. Features include interactive dashboards, advanced filtering, and data visualizations in a responsive, accessible interface.

Key Contributions:

  • Built modular, reusable Vue components that could be easily removed, updated, or repurposed across the platform.
  • Developed D3-powered interactive visualizations to present performance, risk, and asset-level data.
  • Implemented export/download capabilities using html2canvas for on-demand reporting.
  • Ensured responsive layouts and WCAG-compliant accessibility.
  • Optimized performance for seamless use across devices.

Collaborators: Lead dev, Backend dev team, Designer, Creative director, Tech strategist, QA specialist and a Project manager.

vue nuxt js gsap babylon

An interactive 3D globe experience for Microsoft showcasing its global datacenter network, infrastructure, and sustainability initiatives. Users can explore precise, mapped locations with animated network lines and location-specific details in a high-performance, accessible interface.

Key Contributions:

  • Developed 3D globe interaction logic and integrated datacenter data.
  • Collaborated with a 3D designer who provided the 3D globe model and animations, then optimized and integrated them into the experience.
  • Ensured accurate mapping of global locations.
  • Maintained and updated the site to reflect new datacenter locations and content over time.
  • Optimized performance and implemented accessibility best practices.

Collaborators: Lead dev, 3D designer, Designer, Creative director, Copywriter, Tech Strategist, QA specialist and a Project manager.

LIVE SITE
vue html css js gsap lottie

A full-page vertical snap scroll e-book experience with animated transitions, designed to present each chapter as its own page while maintaining a seamless, fluid navigation flow. Built to feel immersive and continuous, the experience allows users to scroll between chapters without the disruption of traditional page loads.

Key Contributions:

  • Engineered smooth vertical snap scrolling between chapters using route transitions.
  • Developed animations and motion effects with GSAP and Lottie to enhance storytelling.
  • Implemented modular, maintainable components for scalable content updates.
  • Ensured performance optimization for a smooth user experience across devices.

Collaborators: Designer, Creative director, Copywriter, QA specialist and a Project manager.

Skills

Languages

HTML/CSS/SCSS

Javascript/jQuery

SQL

Python

Frameworks

Vue / Nuxt

React / Next

Node / Express

Pinia / Vuex / State Management

Extras/Tools

Git/GitHub

PostgreSql

MongoDB/Mongoose

RESTful APIs

Ajax

EJS/JSX

Figma

Photoshop/illustrator