Frontend Development

Architecture

• Design Systems with atoms, tokens, components catalogues & templates.
• UI Design Patterns for dynamic and adaptive styling and versatile applications.
• Incremental refactoring of codebases.

Specialty Areas

• Rendering, Web performance
• Build optimization
• Technical SEO
• Accessibility (a11y)
• Globalization (g11n), Internationalization (i18n) and Localization

Agnostic in JS Frameworks

• NuxtJS
• VueJS
• Astro

• SolidJS
• SvelteKit
• Remix
• React
• MDX

• Shadcn/ui
• Flowbite
• Preline
• Basecoat
• DaisyUI

See detail package.json

@layer architecture {
  /* BEM & ITCSS */
  /* SCSS, Styled Components, TailwindCSS & PostCSS */
  /* Bootstrap & MaterialDesign CSS */
}

Compatibility

• PWA / Service Worker / Workbox
• Content Security Policy & CORS
• Electron + Capacitor (Ionic)
• Modernizr & Browser APIs

Build Tools

• NPM
• Gulp
• Babel
• WebPack
• Vite

Developer Experience

• VsCode
• EsLint
• Prettier
• StyleLint
• Browserslist
• Editorconfig

Quality Assurance

StoryBookJS
Sentry && TrackJS
BDD/TDD --Jest --Jasmine
Integration && Unit testing