Travel Page

Travel Page es una pagina de viajes diseñada con:

• Tailwind: Framework de CSS
• PostCSS: Preprocesador de CSS
• Pug: Preprocesador de HTML

Agregué la opción de Dark Mode y Responsive Design con las herramientas de Tailwind e Integré Parcel para automatizar y optimizar el codigo.

Runnning

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.

Building

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).

Deploy

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.