Este es mi segundo proyecto utilizando JavaScript para manipular el DOM. Utiliza la API de Random Fox para mostrar bonitas imagenes de 馃
Para las imagenes se aplica uso de Lazy loading para cargar las im谩genes una vez que se muestran en pantalla.
- Agregar im谩genes: El primer bot贸n permite agregar una imagen aleatoria de un bonito 馃 desde la API Random Fox.
- Borrar im谩genes: El segundo bot贸n permite borrar todas las im谩genes agregadas.
- Reporte en consola: En la consola se muestra un reporte del n煤mero total de im谩genes vs las im谩genes que se han cargado.
- HTML
- CSS
- JavaScript
- API de Random Fox
Puedes ver una demostraci贸n de este proyecto en vivo aqu铆: https://fox-lazy-loading.vercel.app/
- Clonar este repositorio en tu computadora:
git clone https://github.com/mrketchupp/fox-lazy-loading
- Ejecutar el siguiente comando en la terminal para iniciar la aplicaci贸n en modo de desarrollo:
npm start
- Abre http://localhost:8080 en tu navegador para ver la aplicaci贸n.
- La p谩gina se actualizar谩 autom谩ticamente si realizas cambios en el c贸digo. Tambi茅n podr谩s ver los errores en la consola.
- Para generar una versi贸n est谩tica de la aplicaci贸n que se pueda desplegar, ejecuta el siguiente comando:
La aplicaci贸n se generar谩 en la carpeta build/.
npm run build