App Clima con React

WebApp Cotizador de Criptomonedas. Elige entre el top 10 de criptomonedas y recibe su precio en la moneda que selecciones de forma dinámica.

Índice de Contenidos

• Demo
• Construido Con
• Instalación

Demo 🚀

https://precio-top-criptomonedas.netlify.app/

Construido con 🛠️

• Create React App. - Usado para crear la base del proyecto con React
• API Criptomonedas - API de donde tomo los datos de las criptomonedas (top10 cripto, precio, max precio, min precio, volumen, etc)
• React useState Hook - Para el estado de la moneda, la criptomoneda, el resultado de las consultas a la API, la carga de dicho resultado, para mostrar el componente error y el componente formulario condicionalmente, etc
• React useEffect Hook - Para hacer una consulta a la API, guardar los datos en un state, validar que no haya error, ocultar el formulario y mostrar un spinner de carga
• Axios - Librería de JavaScript que uso como cliente HTTP para consultar la API y obtener respuestas sencillas
• JavaScript ES6+ - Últimos estándares de JavaScript
• Uso un poco CSS Grid para el posicionamiento y el responsive de la imagen y el formulario
• Hice una carga condicional de componentes
• Emotion. - Librería diseñada para escribir CSS en JavaScript mediante Styled Components
• PropTypes - Verificación de los tipos de las props.

Instalación 🔧

Clona o haz fork del repositorio. Abre el proyecto en tu consola y escribe el comando:

npm install

Te instalará las dependencias del proyecto, luego usa el comando:

npm start

Iniciará el proyecto en modo desarrollador en tu navegador. Se abrirá automáticamente:

http://localhost:3000

La página se recargará si haces y guardas cambios en el código. También verás errores en la consola (si los hubiese)