O CoinFacts é um aplicativo de rastreamento de criptomoeda rico em recursos para Android e iOS desenvolvido usando o React Native.
? Capturas de tela
Como lançar
Para executar o aplicativo no seu dispositivo móvel, siga estas etapas:-
- Abra este link
- Baixe o aplicativo Expo Go da Google Play Store/Apple App Store
- Digitalize o código QR no link usando o aplicativo da câmera no seu dispositivo móvel
- O link iria redirecioná -lo para o aplicativo Expo e iniciar o Coinfacts
? Pilha
- Expo
- TypeScript
- Reagir nativo
- Navegação reagida
- Reanimado 2
- Firebase
- Reaja o AsyncStorage nativo
- Reaja svg nativo
? Sustha usada
- Coingecko API - Para recuperar dados de criptomoedas e mercado ao vivo, obter resultados de pesquisa, obter detalhes da moeda e buscar moedas de tendência.
- API de notícias - Para recuperar os dados mais recentes de notícias (as 100 principais notícias internacionais com palavras -chave "criptografia" e "criptomoeda").
? Arquitetura
- O projeto segue a arquitetura nativa React recomendada, que é simples e fácil de entender.
- Leia mais sobre a estrutura recomendada do projeto aqui.
Telas
Tela de login/registro
- Permite que o usuário se inscreva/assine.
- A inscrição permite que o usuário salve moedas em seu portfólio/lista de vigilância.
- A inscrição/inscrição é tratada pelo Firebase Backend através
Firebase Authentication . - O usuário pode optar por não se inscrever/entrar, escolhendo a opção
Continue as Guest .
Tela inicial
- Exibe as 100 principais citocurrenças (moedas) para o usuário (classificado pelo limite de mercado).
- Clicar em uma placa de moeda navega no aplicativo para a tela
CoinDetails . - Uma barra de pesquisa está presente em cima o tempo todo. Clicando em navegar para a tela
Search .
Tela de pesquisa
- Ao navegar nessa tela, o usuário é mostrado as 7 principais moedas de tendência.
- A
SearchBar pode ser usada para procurar uma moeda pelo seu nome.
Tela de notícias
- Apresenta as 100 principais notícias mais recentes relacionadas a
crypto e cryptocurrency ao usuário. - Clicar em um
NewsCard inicia seu link no navegador no aplicativo (em uma janela separada).
Tela da lista de observação
- Liste todas as moedas que o usuário adicionou à sua lista de observação/portfólio no passado.
- O usuário
must be logged in para acessar esse recurso. - Um ícone da lista de observação está presente na tela Detalhes da moeda para adicionar/remover rapidamente uma moeda da lista de observação.
Estados de erro
- Quando a consulta pesquisada não retorna resultados, uma mensagem de erro é mostrada ao usuário indicando isso.
- Quando a lista de observação do usuário está vazia, uma mensagem é apresentada para informar o usuário deste caso.
- Uma tela de erro é apresentada ao usuário quando eles tentam adicionar uma moeda à sua lista de observação quando estão conectados como convidados.
? Google Play Store e Apple App Store Link
Em breve!
