Sistema de Monitoramento de Criptomoedas em Tempo Real

Este projeto é um sistema de monitoramento do mercado de criptomoedas desenvolvido com React e TypeScript. Ele utiliza uma API em tempo real para fornecer dados atualizados sobre as criptomoedas, permitindo que os usuários acompanhem as flutuações do mercado de forma eficiente.

Funcionalidades

• Visualização de dados em tempo real: Os dados das criptomoedas são atualizados continuamente, permitindo que os usuários vejam as mudanças de preço, volume e outras informações relevantes em tempo real.
• Interface intuitiva: A interface do usuário é projetada para ser fácil de usar e entender, com informações claras e bem organizadas.
• Filtragem e ordenação: Os usuários podem filtrar as criptomoedas por nome, preço, volume e outras características, além de ordenar os resultados para encontrar as informações mais relevantes.
• Gráficos interativos: Gráficos interativos mostram a evolução dos preços das criptomoedas ao longo do tempo, permitindo que os usuários analisem tendências e padrões.
• Informações detalhadas: Ao clicar em uma criptomoeda, os usuários podem acessar informações detalhadas sobre ela, como histórico de preços, capitalização de mercado, oferta em circulação e outras informações relevantes.

Tecnologias utilizadas

• React: Biblioteca JavaScript para construção de interfaces de usuário.
• TypeScript: Superset do JavaScript que adiciona tipagem estática e recursos de programação orientada a objetos.
• API em tempo real: Fonte de dados que fornece informações atualizadas sobre as criptomoedas.
• Bibliotecas: (Exemplos: react route, react icon)

Instalação

1. Clone este repositorio: https://github.com/RockNicolas/Criptomoedas.git
2. Instale as dependências: npm install ou yarn install
3. Instale as Biliotecas: Vite: npm install vite --save-dev , React Router: npm install react-router-dom, React-icon: npm install react-icons
4. Inicie o servidor de desenvolvimento: npm run dev ou yarn runstart

HOME

• Na página inicial, o usuário encontra uma interface simples e intuitiva. Com a barra de pesquisa, é possível encontrar rapidamente a criptomoeda desejada. O botão "Moedas em Conta" permite verificar quais criptomoedas estão com preços mais acessíveis no momento. Ao rolar a página para baixo, o usuário pode clicar no botão "Carregar Mais" para exibir uma lista expandida de criptomoedas, facilitando a visualização e a comparação entre diferentes opções.

CARREGAR MAIS

• Demostração do botão "Carregar Mais"

MOSTRAR MAIS EM CONTA

• Demostração do botão "Carregar Mais"

BARRA DE PESQUISA

• O funcionamento da Seacht quando o usuário for pesquisar com apenas algumas letras, como 'bit', e logo em seguida aparecer 'bitcoin', desenvolva esse componente para facilitar o sistema para o usuário.

DETALHE DA MOEDA

• Assim que o usuário clica na sua cripto escolhida, ele será redirecionado para outra página que explica de forma mais simples sobre a moeda, como o nome dela, sua sigla, preço, mercado, volume e mudança em 24h.

Contribuição

Contribuições são sempre bem-vindas! Se você tiver alguma sugestão, ideia ou encontrar algum problema, por favor, abra uma issue ou envie um pull request.

Agradecimentos

• Aos desenvolvedores das bibliotecas e ferramentas utilizadas neste projeto.
• À comunidade de desenvolvedores que compartilham conhecimento e recursos online.