Marketlens

Una aplicación en React Native para la visualización en tiempo real de datos del mercado bursátil, tasas de cambio de monedas, así como de monedas virtuales como Bitcoin, utilizando las APIs de Finnhub, Alpha Vantage y Coingecko.

Índice

1. Acerca del proyecto
2. Introducción
3. Instalación
4. Uso

Acerca del proyecto

MarketLens es una aplicación móvil diseñada para que los usuarios puedan estar al correinte de las tendencias del mercado de valores ya que permite:

• Ver los precios de las acciones en tiempo real.
• Hacer un seguimiento de los valores de ciertas monedas.
• Hacer un seguimiento de los valores de las criptomonedas.
• Analizar las tendencias del mercado mediante gráficos visuales.

Introducción

Requisitos previos

• Node.js (v20.0+)
• React Native Expo
• Una clave API de Firebase (regístrese gratis en Firebase).
• Una clave API de Alpha Vantage (regístrese gratis en Alpha Vantage).
• Una clave API de Finnhub (regístrese gratis en Finnhub).
• Una clave API de Coingecko (regístrese gratis en Coingecko).

Dependencias

Las siguientes bibliotecas se utilizan en este proyecto. Sigue las instrucciones para instalarlas:

1. NativeWind v4

Permite usar Tailwind CSS en React Native:

npm install nativewind

2. React Navigation - Stack Navigator

Biblioteca para gestionar la navegación entre pantallas:

npm install @react-navigation/native @react-navigation/stack react-native-screens react-native-safe-area-context react-native-gesture-handler react-native-reanimated

No olvides seguir la configuración oficial en React Navigation Docs.

3. Zustand

Gestión de estados sencilla y eficiente:

npm install zustand

4. Firebase

Se utiliza para autenticación y backend. Instala Firebase con:

npm install firebase

Configura tu proyecto en Firebase Console y añade el archivo google-services.json o GoogleService-Info.plist según tu plataforma.

5. Expo Secure Store

Almacenamiento seguro para datos sensibles:

npm install expo-secure-store

6. React Native Chart Kit

Biblioteca para gráficos:

npm install react-native-chart-kit

7. React Native SVG

Dependencia para trabajar con gráficos basados en SVG:

npm install react-native-svg

Instalación

1. Clonar el repositorio:

   git clone https://github.com/yourusername/marketlens.git

2. Navegar al directorio del proyecto:

   cd marketlens

3. Installar las dependencias:

   npm install

4. Configurar las variables de entorno en el fichero .env:

   EXPO_PUBLIC_APP_ID=tu_id
   EXPO_PUBLIC_ALPHA_VANTAGE_API_KEY=tu_api_key
   EXPO_PUBLIC_FINNHUB_API_KEY=tu_api_key
   EXPO_PUBLIC_COINGECKO_BASE_URL=https://api.coingecko.com/api/v3

5. Iniciar la aplicación:

   npm start

Uso

1. Abra la aplicación en su dispositivo/emulador.
2. Click en Noticias para obtener una lista de noticias bursátiles.
3. Click en Activos para obtener una lista de Acciones.
4. En la pestaña de acciones, para obtener la información detallada de cada acción hacer click en la acción deseada.