^.^;

Experience

I focus on outcomes, not just titles. Here's what I build and how I work.

Non-traditional path. Marketing background. Self-taught developer. AI-assisted workflow advocate.

⚛️

Frontend Engineering

React • Next.js • TypeScript

  • Performance optimization: Bundle analysis, code splitting, lazy loading, animation budgets for 60fps interactions
  • Type-safe architecture: TypeScript everywhere, Zod runtime validation, typed contexts and API responses
  • Developer experience: Reusable component systems, custom hooks, testable patterns, comprehensive documentation
  • Modern tooling: Tailwind CSS, Framer Motion, Next.js App Router, Server/Client component optimization

Interactive Experiences

Canvas • WebGL • Three.js • Motion Design

  • Visual systems: Custom Canvas animations, Three.js 3D effects, shader-based visual treatments
  • Motion design: Framer Motion choreography, scroll-driven animations, micro-interactions that feel natural
  • Responsive interactions: Touch-optimized controls, mobile-first input handling, accessibility-aware implementations
  • Performance balance: Beautiful visuals that don't sacrifice usability or loading times
🤖

AI-Assisted Development

Claude • Cursor • Warp • Modern Workflows

  • Rapid prototyping: Using AI as pair programmer to iterate faster on concepts and implementations
  • Code review & refactoring: Leveraging AI to spot patterns, suggest improvements, and maintain code quality
  • Documentation generation: Automated JSDoc, README templates, inline comments that stay current
  • Learning accelerator: Quickly understanding new APIs, patterns, and frameworks through AI-assisted exploration
📝

Technical Writing & Documentation

Tutorials • Debugging Journals • Changelogs

  • Learning in public: Debug diaries, solution walkthroughs, and real-world problem-solving documented
  • Clear documentation: README files, API docs, setup guides that reduce onboarding friction
  • Public changelogs: Transparent development updates, feature releases, bug fixes tracked openly
  • Educational content: Tutorials that bridge the gap between beginner and intermediate developers
📊

Marketing & Digital Strategy

Previous Career • Still Relevant

  • User psychology: Years of A/B testing, conversion optimization, and understanding what makes people click
  • Content strategy: Copywriting, messaging, storytelling that connects technical work with human impact
  • Analytics-driven: Data-informed decisions, metrics that matter, iterating based on real usage patterns
  • Cross-discipline thinking: Bringing marketing intuition to technical problems and vice versa

Want to work together?

I'm open to freelance projects, collaborations, and interesting technical challenges. Let's build something meaningful.

Get in Touch
Terms of ServiceLicense AgreementPrivacy Policy
Copyright © 2025 JMFG. All rights reserved.