Dolce Gusto Advents calendar
Nuestro trabajo ha consistido en crear una landing page para navidad. Cada día se van habilitando días del mes y al hacer clic sobre estos se muestran diferentes ofertas.

Front.id

Para mejorar el resultado de esta landing hemos usado frameworks basado en JS, Gulp, SASS y Handlebars. 

La interactividad se ha conseguido con JavaScript, para las animaciones (junto con SASS) Cuando pasamos por encima de algún día se realiza la gestión del modal y de la lógica necesaria para permitir los días actuales y bloquear los días pasados y futuros.

A través de SASS hemos creado animaciones flash, aplicado la capa de respuesta correspondiente y obviamente la disposición del aterrizaje en general.

Hemos usado Handlebars para generar componentes HTML independientes y manejables como el día activo, el modal, el modal de días futuros, etc. Esto nos permite tener una organización fácil de mantener tanto para nosotros como para el cliente.

Gulp como última y más importante pieza del framework no sólo se encarga de compilar el SASS y minimizar el JS, sino que en esta ocasión lo hemos aprovechado para conectar un fichero de configuración escrito en JSON en el que el cliente puede modificar la información sobre el calendario sin necesidad de modificar el código fuente.

Finalmente Gulp genera un directorio con el JS, CSS, HTML listo para ser puesto en producción.