O Kolab CRUD é uma aplicação construída com ReactJS e TypeScript, que explora conceitos avançados como tipagens, manipulação de formulários e integração com bibliotecas modernas. A aplicação foi desenvolvida para demonstrar boas práticas de desenvolvimento front-end, com ênfase na performance.

• Arquitetura MVVM - Arquitetura para frontend
• TypeScript - Tipagens avançadas para garantir maior segurança e escalabilidade.
• ViteJS - Bundler rápido e otimizado para o gerenciamento de recursos da aplicação.
• React Router - Roteamento de páginas.
• Chakra UI - UI Kit.
• Axios - Fetcher de dados.
• React Query - Data fetching e cache de dados.
• Redux Toolkit - Data fetching e cache de dados.
• React Redux - Gerenciamento de estado.
• ZOD - schema validation de dados de formulário.
• React Hook Form - Manipulação de formulários.
• Vitest - Testes unitários.

Para rodar a aplicação, você precisará instalar algumas ferramentas de desenvolvimento. As seguintes tecnologias foram utilizadas neste projeto:

• Visual Studio Code ou outro editor de sua preferência
• Node.js para gerenciar as dependências e executar o código
• Git para baixar o repositório (se estiver no Windows)
• yarn gerenciador de pacotes
• pnpm gerenciador de pacotes
• playwright para executar os testes do frontend

1. Clone o repositório:

    git clone https://github.com/Ricnaga/kolab-crud

2. Acesse a pasta do projeto:

    cd kolab-crud

3. Instale as dependências do projeto:

• Usando yarn, npm ou pnpm:

  $ yarn
  $ npm run install
  $ pnpm install

4. Inicie a aplicação:

   $ yarn dev
   $ npm run dev
   $ pnpm dev

O navegador abrirá automaticamente com a aplicação rodando em http://localhost:3000.

$ yarn test
$ npm run test
$ pnpm test

Você pode verificar a cobertura dos testes no terminal ou acessando o arquivo index.html da pasta coverage que foi criada após executar o comando acima

Se você deseja contribuir para o projeto, fique à vontade para enviar pull requests ou abrir issues.