Skip to content

EduardoProfe666/tasas-cuba

Repository files navigation

📊 Tasas Cuba - Monitor de Tasas de Cambio

Next.js 15 React 18 PostgreSQL 16 TypeScript 5 Tailwind CSS Vercel

Una aplicación web moderna para consultar y analizar las tasas de cambio del peso cubano (CUP) frente a diferentes monedas extranjeras.

Captura de pantalla de Tasas Cuba

📝 Descripción

Tasas Cuba es una aplicación web progresiva (PWA) que permite a los usuarios consultar las tasas de cambio actualizadas del peso cubano (CUP) frente a diferentes monedas como USD, Euro, MLC, entre otras. La aplicación ofrece herramientas de análisis histórico, comparación entre fechas y visualización de tendencias mediante gráficos interactivos y diversos indicadores técnicos.

La aplicación está diseñada para ser intuitiva, rápida y accesible, funcionando tanto en línea como fuera de línea gracias a sus capacidades de PWA. Los datos son proporcionados por la API de elToque, ofreciendo información actualizada sobre el mercado informal de divisas en Cuba.

✨ Características

📈 Dashboard Principal

  • Visualización de tasas de cambio actualizadas
  • Comparación automática con el día anterior
  • Indicadores visuales de tendencia (subida/bajada)
  • Selección de fecha para consultar datos históricos
  • Modo offline con datos almacenados localmente

📊 Análisis Histórico

  • Análisis Gráfico:

    • Visualización de tendencias a lo largo del tiempo
    • Selección de rango de fechas personalizable
    • Múltiples tipos de gráficos (área, línea)
    • Exportación de gráficos en diferentes formatos (PNG, JPEG, PDF)
    • Resumen estadístico detallado
  • Indicadores Técnicos:

    • Media Móvil Simple (SMA)
    • Media Móvil Exponencial (EMA)
    • Bandas de Bollinger
    • Índice de Fuerza Relativa (RSI)
    • MACD (Convergencia/Divergencia de Medias Móviles)
    • Oscilador Estocástico
  • Comparación de Fechas:

    • Comparación detallada entre dos fechas específicas
    • Cálculo automático de diferencias y porcentajes
    • Exportación de datos comparativos en múltiples formatos

💱 Calculadora Monetaria:

  • Conversión entre pesos cubanos (CUP) y las divisas disponibles.
  • Cambio de dirección de la conversión.

🌙 Características Generales

  • Diseño responsive adaptado a dispositivos móviles y escritorio
  • Tema oscuro/claro automático (basado en preferencias del sistema)
  • Instalable como PWA (Progressive Web App)
  • Funcionamiento offline
  • Alertas de estado de conexión
  • Optimización SEO

🛠️ Tecnologías

Frontend

  • Next.js 15: Framework React con renderizado híbrido (SSR/CSR)
  • React 18: Biblioteca para interfaces de usuario
  • Postgres: BD relacional Open-Source
  • TypeScript: Tipado estático para JavaScript
  • Tailwind CSS: Framework CSS utilitario
  • Framer Motion: Biblioteca de animaciones
  • Recharts: Biblioteca para visualización de datos
  • shadcn/ui: Componentes UI reutilizables y personalizables
  • date-fns: Manipulación de fechas
  • html2canvas/jsPDF: Exportación de gráficos

Backend / API

  • Next.js API Routes: Endpoints serverless
  • Fetch API: Comunicación con servicios externos
  • API de elToque: Fuente de datos de tasas de cambio
  • Base de datos Postgres: BD en Postgres para persistir los datos históricos

Optimización y Despliegue

  • next-pwa: Soporte para Progressive Web App
  • Vercel: Plataforma de despliegue y hosting
  • LocalStorage: Almacenamiento local para funcionamiento offline

🚀 Demo en Vivo

La aplicación está desplegada y disponible en: https://tasas-cuba.vercel.app/

📸 Capturas de Pantalla

Dashboard Principal
Dashboard
Comparación de Fechas Análisis Histórico
Comparación Análisis Gráfico
Calculadora Monetaria
Calculator

📥 Instalación

Requisitos Previos

  • Node.js 18.x o superior
  • npm o yarn

Pasos para Instalación Local

  1. Clonar el repositorio
git clone https://github.com/usuario/tasas-cuba.git
cd tasas-cuba
  1. Instalar dependencias
npm install
# o
yarn install
# o
pnpm install
  1. Configurar variables de entorno

Crea un archivo .env.local en la raíz del proyecto con las variables que aparecen en .env.example

  1. Iniciar el servidor de desarrollo
npm run dev
# o
yarn dev
# o
pnpm run dev
  1. Acceder a la aplicación

Abre http://localhost:3000 en tu navegador.

🤝 Contribución

Las contribuciones son bienvenidas. Para contribuir:

  1. Haz un fork del repositorio
  2. Crea una rama para tu característica (git checkout -b feature/amazing-feature)
  3. Realiza tus cambios y haz commit (git commit -m 'Add some amazing feature')
  4. Push a la rama (git push origin feature/amazing-feature)
  5. Abre un Pull Request

📄 Licencia

Este proyecto está licenciado bajo la Licencia MIT - ver el archivo LICENSE para más detalles.

🙏 Agradecimientos

  • elToque por proporcionar los datos de las tasas de cambio
  • Vercel por el hosting gratuito

Hecho con ❤️ por EduardoProfe666🎩

About

💱 Web para el análisis histórico de las tasas de cambio del CUP

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages