Kit Digital USS
Calculando...
Jeg deltok i utviklingen av Kit Digital USS, to komponentbiblioteker (Vanilla JS og React) som er tilgjengelige og modulære, og som oversetter det institusjonelle designet fra Figma til gjenbrukbar kode.
Kit Digital USS (Under utvikling)
Kit Digital USS er et ambisiøst prosjekt som tar design- og utviklingserfaringen ved Universidad San Sebastián til et nytt nivå. Det består av opprettelsen av to komplementære komponentbiblioteker: ett i Vanilla JavaScript og ett i React, med mål om å dekke både tradisjonelle applikasjoner og moderne prosjekter.
Dette kitet representerer den naturlige evolusjonen av tidligere designsystemer, ved å integrere lærdommer og ta i bruk beste praksis innen tilgjengelighet, modularitet og utvikleropplevelse.
Hovedfunksjoner
- Dobbel implementering (Vanilla JS og React) for maksimal fleksibilitet.
- Avansert tilgjengelighet med full ARIA-støtte fra designfasen.
- Omfattende dokumentasjon med interaktive eksempler og tydelige guider.
- Avansert theming-system for institusjonell tilpasning.
- Modulær arkitektur som gjør det mulig å importere komponenter individuelt.
Brukte teknologier
- JavaScript ES2023 og semantisk HTML som universell base.
- CSS/SCSS med BEM-metodikk og bruk av Custom Properties for dynamiske stiler.
- Rollup som bundler med optimalisert tree-shaking.
- React 18+ med hooks og concurrent features.
- TypeScript for typesikkerhet i React-biblioteket.
Mitt bidrag
Jeg har deltatt i utviklingen av både Vanilla JavaScript-versjonen og React-versjonen, og bidratt med:
- Implementering av grunnleggende og avanserte komponenter.
- Definisjon av tilgjengelighetsmønstre og bruk av ARIA-roller.
- Integrering av skalerbare stiler ved hjelp av SCSS og CSS Custom Properties.
- Oversettelse av designsystemet fra Figma til kode, ved å implementere designtokens direkte i komponentene.
- Dokumentasjon av komponenter med tydelige og gjenbrukbare eksempler.
Les videre