money-flow

Money Flow Design System

Design system do Tech Challenge da Pós Tech FIAP

📌 Stack de Desenvolvimento

• Tailwind para estilização de componentes;
• Vite para build e desenvolvimento;
• Typescript para tipagem estática;
• Storybook para documentação dos componentes;
• date-fns para lidar com datas;

🛠 Ferramentas

• VSCode como editor de código;

🎯 Getting Started

Verificar Instalação do Node.js

• Abra um terminal e execute o comando:

  node -v

• Se aparecer uma versão como a listada abaixo significa que o Node.js está instalado corretamente. Caso contrário, baixe e instale-o a partir do site oficial ou procure "Node.js" no Google.

  v20.18.0

Instalar as dependências

  npm install

Iniciar o storybook

  npm run storybook

Abra http://localhost:6006/?path=/docs/money-flow--docs em seu navegador para ver a documetação.