Tecnologias utilizadas: Vite + React, TypeScript, com PNPM, TailwindCSS, entre outras tecnologias front-end para visualização de dados financeiros, como moedas 💰.
-
A UI possui tela inicial de login e registro de novo usuário, contendo campos de email e senha, com persistência destes em local storage. Os erros estão sendo tratados, de modo a deixar visível a ação desejada do usuário. Para melhorias, seria interessante armazenar os dados de maneira segura, evitando vulnerabilidades como XSS (Cross-Site Scripting) e outros tipos de ataques, além de melhorias com "lembrar senha" e outros possíveis erros.
-
Foi feita a comunicação com a API https://hgbrasil.com/status/finance, porém para evitar problemas com CORS em ambiente de desenvolvimento, foi utilizado o server json como servidor local. Os dados, dessa forma, foram simulados para deixar o ambiente preparado para receber os verdadeiros dados da API citada.
-
Os dados foram apresentados por meio de uma tabela, definindo moeda, nome, compra, venda, variação e ações (que no momento não foi possível desenvolver).
-
As variações estão devidamente com suas cores, verde se positiva, e vermelho se negativa.
-
A interface é responsiva na web.
-
O deploy foi realizado na Vercel, utlizando o raw da API no GitHub, devido a persistência de problemas com acesso a API de modo seguro (CORS).
Clone o projeto para acessá-lo:
$ git clone git@github.com:CinPi7/Franq-Teste.git && pnpm run dev && pnpm run server