Bloco de notas

Projeto que será desenvolvido para a prática do CRUD.

Tecnologias utilizadas:

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

Telas

Estrutura do projeto

app
│
└── src
    │
    ├── infrastructure
    │   ├── get-notes.ts
    │   ├── create-note.ts
    │   ├── edit-note.ts
    │   └── delete-note.ts
    │
    ├── modules
    │   └── hooks
    │       └── use-notes.ts
    │   └── provider.tsx
    │
    ├── pages
    │   ├── create-page.tsx
    │   ├── edit-page.tsx
    │   └── notes-page.tsx
    │
    ├── services
    │   └── api
    │       └── api-client.ts
    │
    └── ui
        ├── note
        │   ├── index.tsx
        │   └── styles.css
        ├── header.tsx
        ├── footer.tsx
        └── layout.tsx
│
├── 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