O projeto Crypto View é uma aplicação web responsiva que permite aos usuários visualizar informações sobre criptomoedas, incluindo a listagem das top 10 criptomoedas por capitalização de mercado, detalhes específicos de cada criptomoeda, e a integração com a wallet Metamask para exibir o saldo de Ethereum do usuário. A aplicação também inclui a listagem das criptomoedas em alta. A aplicação foi desenvolvida utilizando React para a interface, Redux para gerenciamento de estado global, react-router-dom para navegação, e chamadas de API RESTful para buscar dados das criptomoedas. Além disso, foi implementado um servidor de proxy para lidar com a política de CORS da API da CoinGecko.
- React: Utilizado para o desenvolvimento da interface do usuário. React Documentation
- Redux Toolkit: Para gerenciamento de estado global da aplicação. Redux Toolkit Documentation
- Axios: Para realizar chamadas de API RESTful. Axios Documentation
- Chart.js e React-Chartjs-2: Para a criação de gráficos de preço das criptomoedas. Chart.js Documentation, React-Chartjs-2 Documentation
- Moment: Para manipulação e formatação de datas e horas. Moment Documentation
- React-Router-Dom: Para navegação entre as páginas da aplicação. React-Router-Dom Documentation
- Web3: Para integração com a wallet Metamask. Web3 Documentation
- Vite: Como ferramenta de build e desenvolvimento. Vite Documentation
- TailwindCSS: Para estilização dos componentes. TailwindCSS Documentation
- Hero Icons: Para ícones na interface do usuário. Hero Icons Documentation
- CoinGecko API: Para buscar informações sobre criptomoedas. CoinGecko API Documentation
- Clone o repositório do projeto:
git clone https://github.com/matheusprado1/crypto-view.git - Instale as dependências:
npm install - Inicie o servidor de desenvolvimento:
npm run dev - Acesse
http://localhost:5173no navegador.
A aplicação tem testes automatizados para rodar o teste digite no terminal npm test
A aplicação está hospedada em https://crypto-view-cyan.vercel.app/.
O servidor de proxy utilizado como middleware para lidar com a política de CORS da API da CoinGecko pode ser encontrado em https://github.com/matheusprado1/crypto-server.
A estrutura do projeto foi organizada de forma clara e modular, facilitando a manutenção e a compreensão do código.
O projeto Crypto View demonstra uma aplicação web completa que utiliza várias tecnologias modernas para fornecer informações sobre criptomoedas de forma eficiente e agradável para os usuários. A documentação fornece uma visão geral do projeto, incluindo as tecnologias utilizadas, funcionalidades, como rodar o projeto localmente, e links para recursos adicionais.