Desafio Warren - Web

Todas as informações sobre o desafio pode ser encontradas no link https://github.com/warrenbrasil/desafio-warren-web

Link para demo: https://warren-desafio-web.netlify.app/

Sobre o desafio

Este desafio consistia em implementar uma tela de lista de transações apresentando os principais dados relacionado a cada uma delas e ao clicar em uma transação será exibido um modal contendo os detalhes desta transação. O desafio deverá conter as seguintes funcionalidades:

• Lista de transações agrupada por data
• Filtro por título
• Filtro por status
• Modal contendo os detalhes da transação

Tecnologias

• Vue2 com Cli
• TypeScript
• Less
• Axios
• Jest

Na escolha da tecnologia foi em conta os requisitos da Warren, portanto eu usei o mais próximo possivel do que foi pedido.

Instalação das dependências

Pré-requisitos

Para a utilização da aplicação são necessários alguns softwares, listados abaixo:

• git: Utilizado para clonar o repositório do projeto.
• npm ou yarn: Gerenciador de pacotes para a instalação automática das dependências do projeto
• Node.js: Runtime para utilizar o gerenciador de pacotes e necessário para rodar a aplicação.
• Vue Cli - Vue CLI aims to be the standard tooling baseline for the Vue ecosystem.

Instalação

Passos para a instalação do projeto:

1. Clonar repositório:

   Utilizando HTTPS:

   git clone https://github.com/johanguse/warren-desafio-web.git

2. Navegue para pasta do projeto:

   cd warren-desafio-web

3. Instalar os pacotes necessários:

   Utilizando yarn (dentro da pasta do projeto):

   yarn

   Utilizando npm (dentro da pasta do projeto):

   npm install

Utilização

Obs: Altere o comando de yarn para npm run, caso esteja utilizando o npm ao invés do yarn como gerenciador de pacotes.

O projeto possui 3 comandos de script para rodar o projeto:

Para iniciar o projeto em modo de desenvolvimento utilize:

yarn serve

Para fazer o build do projeto com os arquivos para produção e otimizados utilize:

yarn build

Para rodar os testes presentes no projeto utilize:

yarn test:unit

To-Do

Algumas coisas que ainda precisam ser implementadas ou alteradas no projeto:

• Criação de mais testes unitários (Jest)
• Criação de testes E2E (Cypress)