A Alfabit é uma inovadora empresa de tecnologia dedicada a fornecer soluções criativas e eficientes para seus clientes. Reconhecendo a importância do design consistente e intuitivo em todas as suas plataformas e produtos, a Alfabit decidiu investir em um design system de ponta.
$ npm install
$ //ou
$ yarn add
O Figma dessa aplicação você encontra aqui.
Se liga nessa lista de tudo que usaremos nesse curso:
React
Next js
Tailwind CSS
Storybook
Class Variance Authority (cva)
Headless UI
classnames
GitHub
Figma
Vercel
E muito mais!
Após clonar ou baixar o projeto, instale as dependências, abra na sua IDE favorita (eu recomendo o VS Code) e digite no terminal npm run storybook
e acesse a url mostrada no terminal.
O design system da Alfabit é uma abordagem abrangente e estruturada que reúne diretrizes, padrões e componentes de design em um conjunto coeso. Essa iniciativa permite que a empresa crie produtos digitais com uma identidade visual unificada, oferecendo uma experiência do usuário excepcionalmente intuitiva e agradável.