Deploy da aplicação:https://xperts-challenge-project.vercel.app/
Este projeto contempla o desenvolvimento de uma aplicação que se assemelha a um case real do dia a dia de um aplicativo de investimento em ações com algumas funcionalidades de conta digital. Foi desenvolvida a parte de Front-end em que uma pessoa usuária pode criar uma conta para compra e venda de ações, a partir de uma lista de ações disponíveis. Dentro da aplicação também pode-se adicionar uma valor para depósito ou retirada, além do histórico dessas transações.
Essa aplicação contém 9 rotas que levam às páginas:
- 1 - Página Inicial - Home : rota /
- 2 - Página de Criação de conta - Create : rota /create
- 3 - Página de Login - Login : rota /login
- 4 - Página da Carteira de ações - Wallet : rota /wallet
- 5 - Página de Compra de uma ação - BuySaleStock : rota /buy/:id
- 6 - Página de Venda de uma ação - BuySaleStock : rota /sell/:id
- 7 - Página de Depósito/Retirada - WithdrawDeposit : rota /account
- 8 - Página de Histórico/Extrato - Historic : rota /historic
- 9 - Página de Não Encontrado - NotFound : rota -
Nesse projeto, foi utilizado:
- React com componentes funcionais.
- Redux para gerenciar estado global.
- React Hooks como: useState, useEffect, _useHistory, entre outros ;
- _React Hooks para comunicação com estado global: useDispatch e useSelector;
- React Hook customizados: usePath.
- CSS3 e React Testing Library.
Frontend
git clone ....
cd src/
npm install
-
Para rodar o projeto:
cd src/ && npm start
-
Para rodar os testes:
cd src/ && npm run test
- O aplicativo foi desenvolvido com mobile first, por esse motivo algumas configurações de css responsivo podem estar em andamento ainda.