MatriculasOn

O MatriculasOn é um sistema de matrículas online.

Tecnologias utilizadas:

• React
• TypeScript
• Vite
• Prettier
• React Router
• CSS

Telas

Estrutura do projeto

app
│
└── src
    │
    ├── modules
    │   │
    │   ├── administradores
    │   │   ├── domain
    │   │   │   └── administradores.ts
    │   │   ├── infrastructure
    │   │   │   └── types
    │   │   ├── pages
    │   │   ├── views
    │   │   │   ├── hooks
    │   │   │   │   └── use-administradores.ts
    │   │   │   └── administradores-provider.tsx
    │   │   └── index.ts
    │   │
    │   └── alunos
    ├── pages
    │   ├── administradores
    │   │   └── index.ts
    │   └── alunos
    │       └── index.ts
    ├── services
    │   └── api
    │       └── api-client.ts
    └── ui
    │   ├── button
    │   │   ├── index.tsx
    │   │   └── styles.css
    │   └── layout
    │       ├── index.tsx
    │       └── styles.css
    ├── App.tsx
    ├── main.tsx
    ├── index.html
    └── index.css

Padrões do projeto

1) Como nomear branchs:

Os verbos devem ficar no tempo infinitivo

<tipo de alteração (em inglês)>/nome-da-branch

Exemplos de branchs:

• feature/adicionar-busca
• bugfix/corrigir-login
• docs/atualizar-documentacao
• refactor/remover-codigo-desnecessario
• improvement/melhorar-api
• style/ajustar-estilos

2) Como nomear commits:

Os verbos devem ficar no tempo presente do indicativo

Exemplos de mensagens de commit:

• adiciona nova funcionalidade de busca
• corrige bug na página de login
• atualiza documentação do projeto
• remove código desnecessário
• melhora desempenho da API
• estiliza o componente Button

3) Padrão dos estilos

Usar o - para separar os nomes das classes

Exemplo:

.button-text { color: gray }

Para cada componente, usar o nome styles.css (no plural)

4) Formatar o código

Em vez do formatador de código padrão, sempre utilizar o prettier antes de fazer push