Desafio técnico realizado para Front-end no processo seletivo da XP Inc. focado na turma XP da Trybe. A aplicação consiste em uma plataforma de investimento em ações, com algumas funcionalidades de conta digital. O deploy deste projeto foi realizado na Vercel. Acesse aplicacão neste link.

Front-End: React, ContextAPI, TailwindCSS, Styled-Components, Headlessui

• Densenvolvi a aplicação focada na negociação de criptoativos, aproveitando o momento de lançamento da XTAGE, a plataforma própria da XP para negociação de criptomoedas;
• Foi utilizado a api da coingecko que fornece o histórico de preços das principais criptomoedas;
• Optei por utilizar typescript no desenvolvimento da aplicação pois além de ser uma ferramenta orienta a objetos, possibilita a detecção de erros durante o desenvolvimento;
• Utilizei o Headlessui para ajudar na construção de componentes acessíveis;
• Utilizei a react-text-mask para criar mascáras de valor monetário nos input;
• Para os testes unitários utilizei o Vitest e para gerar relatórios de cobertura utilizei a biblioteca c8;
• Para o deploy utilizei o Vercel;
• Para login no site use email: [email protected] e senha: 1234567;

Clone o projeto

  git clone [email protected]:thiagodanobrega/desafio-xp.git

Entre no diretório do projeto:

  cd desafio-xp

Instale as dependências:

  npm install

npm run dev

Para rodar os testes, execute o seguinte comando:

  npm run test

Login:

• O Email deve ter um formato válido;
• A senha deve ter no mínimo 7 caracteres;
• Não é possível acessar a página home sem estar logado;

Saldo:

• O saldo deve ser maior ou igual a 0;
• Só é possível fazer saque caso o valor seja menor ou igual ao disponível;

Compra e venda de ativos:

• Só é possível comprar ativos caso a quantidade seja menor ou igual a disponível na corretora;
• Só é possível vender ativos caso a quantidade seja menor ou igual a disponível na carteira;

• Realizar o back-end para alimentar o front;