Coinfacts es una aplicación de seguimiento de criptomonedas rica en características para Android e iOS desarrollado usando React Native.
? Capturas de pantalla
Cómo lanzar
Para ejecutar la aplicación en su dispositivo móvil, siga estos pasos:-
- Abra este enlace
- Descargue la aplicación Expo Go de Google Play Store/Apple App Store
- Escanee el código QR en el enlace utilizando la aplicación de la cámara en su dispositivo móvil
- El enlace lo redirigiría a la aplicación Expo y lanzaría Coinfacts
? Pila
- Exposición
- Mecanografiado
- Reaccionar nativo
- Reaccionar navegación
- Reanimado 2
- Firebase
- React Native Asyncstorage
- React SVG nativo
? ️ API utilizadas
- API de Coingecko : para recuperar la criptomonedas en vivo y los datos del mercado, obtener resultados de búsqueda, obtener detalles de monedas y obtener monedas de tendencia.
- API de noticias : para recuperar los últimos datos de noticias (las 100 mejores noticias internacionales con palabras clave "cripto" y "criptomoneda").
? Arquitectura
- El proyecto sigue la arquitectura nativa React recomendada que es simple y fácil de entender.
- Lea más sobre la estructura del proyecto recomendada aquí.
Pantallas
Pantalla de inicio de sesión/registro
- Permite al usuario registrarse/iniciar sesión.
- Iniciar sesión permite al usuario guardar monedas en su cartera/lista de observación.
- El registro/inicio de sesión es manejado por Firebase Backend a través de
Firebase Authentication . - El usuario puede optar por no registrarse/Iniciar sesión eligiendo la opción
Continue as Guest .
Pantalla de inicio
- Muestra los 100 principales cyptroconedas (monedas) al usuario (clasificado por la capitalización de mercado).
- Al hacer clic en una tarjeta de moneda, navega la aplicación a la pantalla
CoinDetails . - Una barra de búsqueda está presente en la parte superior en todo momento. Al hacer clic en la pantalla
Search .
Pantalla de búsqueda
- Al navegar a esta pantalla, se le muestra al usuario las 7 monedas de tendencia principales.
-
SearchBar se puede usar para buscar una moneda por su nombre.
Pantalla
- Presenta las 100 últimas noticias principales relacionadas con
crypto y cryptocurrency al usuario. - Al hacer clic en un
NewsCard , inicia su enlace en el navegador en la aplicación (en una ventana separada).
Pantalla de la lista de vigilancia
- Enumere todas las monedas que el usuario ha agregado a su lista de observación/cartera en el pasado.
- El usuario
must be logged in para acceder a esta función. - Un icono de la lista de vigilancia está presente en la pantalla Detalles de la moneda para agregar/eliminar rápidamente una moneda de la lista de observación.
Estados de error
- Cuando la consulta registrada no devuelve resultados, se muestra un mensaje de error al usuario que indica esto.
- Cuando la lista de observación del usuario está vacía, se presenta un mensaje para informar al usuario de este caso.
- Se presenta una pantalla de error al usuario cuando intenta agregar una moneda a su lista de observación cuando se registran como invitado.
? Google Play Store y Apple App Store Link
¡Muy pronto!
