The Tech Stack

  • Modern JavaScript
    • ES6, ES7, …, ESNext and TypeScript
    • Asynchronous and Functional Programming patterns
  • Modern React Ecosystem
    • Redux Toolkit and Context API
    • State Management
    • Next.js (SSG, SSR, ISR rendering strategies)
  • CSS Architecture
    • SASS and SCSS
    • BEM methodologies and ITCSS architecture
    • CSS Modules and Styled Components
  • Web Performances
    • Core Web Vitals optimisation
    • Lazy Loading strategies
    • Browser rendering mechanics
    • Caching and CDN strategies
  • Tooling & Bundling
    • Node.js (npm/pnpm and Yarn)
    • Webpack and Vite
    • Gulp and Grunt
  • Templating & Semantics
    • HTML5 semantics
    • Accessibility (A11Y) standards and best practices
    • Pug, Jade and ES6+ templating

The Value Pack

  • UI Design Engineering
    • UX Patterns and Best Practices
    • Visual Hierarchy, Typography & Color Theory
    • Microinteractions
  • Prototyping & Handoff
    • Figma
    • Zeplin
    • Affinity
  • Workflow & DevOps
    • Git (Gitflow and trunk-based development) and SVN
    • Shell scripting (Bash and Zsh)
    • CI/CD pipelines basics
  • Methodologies
    • Agile (Scrum and Kanban)
    • Mentoring and team leadership

The Visual Track

    Curious about the pixels behind the code? Browse my minimal UX / UI portfolio — an evolving space where I share outputs from current and past challenges.