The Tech Stack

  • Modern JavaScript
    • ES6, ES7, …, ESNext and TypeScript
    • Asynchronous and functional programming patterns
  • Modern React Ecosystem
    • State management and Context API
    • Built-in and custom hooks
    • Redux Toolkit and React Query
    • Next.js: SSG, SSR, ISR strategies. App/Pages routing
  • CSS Architecture
    • SASS/SCSS
    • BEM methodologies and ITCSS architecture
    • CSS Modules and Styled Components
  • Web Performances
    • Core Web Vitals optimisation
    • Lazy Loading strategies and Critical Rendering Path
    • 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 or 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.