Desafio Técnico: Cotação de Ativos

Olá! Bem-vindo ao meu desafio técnico de Cotação de Ativos. Este projeto foi desenvolvido com React, TypeScript, Vite. O objetivo é fornecer uma aplicação simples para exibir cotações de moedas e ações com atualizações em tempo real.

As cotações são obtidas por meio da API de finanças da HG Brasil, que fornece dados atualizados sobre moedas, ações, índices e criptomoedas.

Tecnologias Usadas

Aqui estão as principais tecnologias utilizadas neste projeto:

• React: Biblioteca JavaScript para construção de interfaces de usuário.
• TypeScript: Superset do JavaScript que adiciona tipagem estática.
• Vite: Ferramenta moderna de build para front-end.
• Tailwind CSS: Utilitário CSS para estilização rápida e responsiva.
• Jest: Framework de testes para aplicações JavaScript/TypeScript.
• ESLint: Ferramenta de análise estática de código para manter a padronização e evitar erros.

Funcionalidades

Este projeto possui as seguintes funcionalidades:

• Página de Login: O usuário pode fazer login com credenciais armazenadas no localStorage.
• Página de Dashboard: Exibe cotações de ativos financeiros (moedas e ações) com atualizações em tempo real.
• Gráficos: Exibe gráficos das variações de preços dos ativos selecionados.
• Componentes reutilizáveis: Botões e inputs estilizados para manter a consistência no design.

Requisitos

Antes de rodar o projeto, você precisará ter os seguintes pré-requisitos instalados:

• Node.js (versão 16 ou superior)
• npm (gerenciador de pacotes)

Iniciando o Projeto:

Antes de rodar o projeto, você precisa configurar a chave de acesso à API da HG Brasil. Para isso:

1. Acesse o arquivo .env na raiz do projeto.
2. Adicione sua chave da API no seguinte formato:

VITE_HG_API_KEY=sua_chave_aqui

1. Clone o repositório:

   ```bash
   git clone https://github.com/michelenink/desafio-franq-finance.git

2. Instale as dependências necessárias:

   npm install

3. Agora, para iniciar o servidor de desenvolvimento, basta rodar:

   npm run dev

4. Acesse a aplicação no navegador:

   http://localhost:3001

Executar Testes

Se você quiser rodar os testes unitários (que são feitos com Jest), use o comando abaixo:

1. Para rodar os testes, utilize o comando:

   npm test

Visite meu GitHub
Visite meu linkedin