Skip to main content

Quickstart

Clone the repo and run the app locally in minutes

Project structure

Understand how the codebase is organized

Features

Explore all built-in features

API integrations

Learn which external APIs power the app

What is Info Crypto?

Info Crypto is a modern React web application that gives users a real-time window into the cryptocurrency market. It pulls live data from public APIs to display prices, market statistics, historical charts, and the latest news — all without requiring an account or API key for basic usage. The app is built as a portfolio project demonstrating production-grade frontend engineering practices: smart caching, clean component architecture, responsive design with Tailwind CSS, and smooth dark/light mode support.

Key features

Live price listing

Top 20 cryptocurrencies ranked by market cap, with 24h price change, volume, and market cap data updated every 5 minutes.

Crypto converter

Convert any amount between supported cryptocurrencies and USD using live exchange rates.

Price history charts

Interactive area charts showing price history over configurable time windows, powered by Recharts.

Market news

Latest crypto market news in Spanish sourced from CryptoCompare, refreshed automatically.

Favorites

Save your most-watched cryptocurrencies to a personal favorites list, persisted in localStorage.

Smart caching

A 5-minute TTL cache layer minimizes redundant API calls and keeps the app responsive even on slow connections.

Technology stack

LayerTechnology
UI frameworkReact 19 with Hooks
RoutingReact Router v7
StylingTailwind CSS v4
ChartsRecharts v3
Build toolVite 7
Data persistencelocalStorage
APIsCoinGecko, CryptoCompare
DeploymentNetlify

Live demo

The app is deployed on Netlify with continuous integration from the repository: https://info-cripto.netlify.app/

Build docs developers (and LLMs) love