Design System

Uma biblioteca de componentes React moderna e acessível para criação de interfaces consistentes e escaláveis. Desenvolvido como projeto acadêmico para a Pós-graduação em Engineering Frontend da FIAP.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

• React
• TypeScript
• Node.js
• Sass
• Lucide React Icons
• Radix UI
• Vite

Instalação

npm install @grupo10-pos-fiap/design-system

Uso Básico

import { Button, Input } from '@grupo10-pos-fiap/design-system';

export default function App() {
  return (
    <div>
      <Button variant="primary">Clique aqui</Button>
      <Input placeholder="Digite algo..." />
    </div>
  );
}

Desenvolvimento

Executar Localmente

# Clonar o repositório
git clone https://github.com/grupo-10-pos-fiap/Design-System.git
cd Design-System

# Instalar dependências
npm install

# Desenvolvimento (Vite)
npm run dev

# Storybook (Documentação)
npm run storybook

# Build de produção
npm run build

Documentação Interativa

Acesse nossa documentação completa no Storybook: https://grupo-10-pos-fiap.github.io/Design-System/

Contribuição

Contribuições são sempre bem-vindas! Para contribuir:

1. Faça um Fork do projeto
2. Crie uma Branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a Branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

Suporte e Issues

Encontrou um problema ou tem uma sugestão?

• 📝 Abra uma Issue
• 📚 Consulte a Documentação
• 💬 Entre em contato com a equipe de desenvolvimento

Licença

Este projeto é desenvolvido para fins acadêmicos como parte do programa de Pós-graduação em Engineering Frontend da FIAP.

Desenvolvido por Grupo 10 - Pós-graduação em Engineering Frontend FIAP