Esta es una pagina de Lego hecha con HTML y CSS puro, manipulé el DOM con JavaScript para poder agregarle un modal de los juguetes de Lego, le agregué animaciones para hacerlo llamativo a la vista y apliqué Responsive Design para los diferentes tamaños de pantalla.
Se integró la herramienta de Parcel para automatizar y optimizar el codigo.
Para iniciar el proyecto primero ejecuta:
npm install
Una vez instaladas las dependencias, inicia el proyecto:
npm start
Ahora ingresa en tu navegador http://localhost:2664/. Ya puedes hacer cambios al proyecto y verlos en tiempo real.
Si quieres enviar tu proyecto a producción ejecuta:
npm run build
Se creará automaticamaente una carpeta llamada "dist" donde estará el codigo minificado (para que pese menos).
Para subir el codigo a GitHub Pages solo ejecuta:
npm run deploy
Con esto, se creará una rama en tu repositorio (gh-pages) donde solo vivirá el codigo de la capreta "dist".
Importante hacer build antes de desplegar, para tener el codigo optimizado.