Skip to content

Tineo06/Crypto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📈 Crypto Simulador 📉

Un simulador de inversión en criptomonedas simple y elegante, construido con JavaScript puro, TailwindCSS y la API de CoinGecko.

JavaScript TailwindCSS CoinGecko API


✨ Características Principales

Este proyecto es una aplicación 100% client-side (no necesita base de datos ni backend) y incluye:

  • 📊 Ranking en Tiempo Real: Visualiza las principales criptomonedas del mercado con sus precios y variaciones de las últimas 24 horas.
  • 🔍 Búsqueda y Filtrado: Busca monedas específicas por su ID (ej: bitcoin) o filtra la lista por rendimiento (positivas, negativas) y precio (ascendente, descendente).
  • ⭐ Sistema de Favoritos: ¿Te gusta una moneda? ¡Márcala con la estrella! La aplicación la guardará en tu página de "Favoritos" para un acceso rápido.
  • 💼 Simulación de Portfolio Realista:
    • Compra por Cantidad: Simula la compra de una cantidad específica de monedas (ej: 2 ethereum).
    • Compra por USD: Simula una inversión con una cantidad fija de dinero (ej: gastar $100 en cardano).
    • Cálculo de P/L: El sistema calcula tu "Cost Basis" (coste medio de adquisición) y te muestra tu Ganancia o Pérdida Total real, no solo la fluctuación diaria.
  • 💾 Persistencia de Datos: Tu portfolio y tu lista de favoritos se guardan localmente en tu navegador usando localStorage, para que no pierdas tus datos al recargar la página.
  • 👤 Simulación de Sesión: Un saludo de bienvenida que guarda tu nombre.

🛠️ Tecnologías Utilizadas

  • 🟡 JavaScript (ES6+): Utilizado para toda la lógica de la aplicación, peticiones fetch a la API, manipulación del DOM y gestión del localStorage.
  • 🔵 TailwindCSS: Para un diseño moderno, responsive y rápido sin una sola línea de CSS tradicional.
  • HTML5 Semántico: Estructura limpia y accesible.
  • 🦎 API de CoinGecko: Provee todos los datos de precios, logos y mercado en tiempo real.
  • 💾 LocalStorage: Para la persistencia de datos del usuario en el navegador.

🧪 Prueba el Proyecto

About

Simulacion de inversion crypto

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published