Luffer Coffee
Tecnologías:
Hugo | Tailwind
INTRODUCCIÓN
Luffer Coffee es un sitio web del tipo portfolio que representa una tienda de café. Esta web fue hecha con Hugo, es una SPA simple y minimalista. Las librerias utilizadas son principalmente son EmblaCarousel, JustValidate, SweetAlert, GSAP y LufferCarousel (my own library 😊);
DISEÑO
Este sitio web comenzó siendo un diseño en Figma. Consta de 3 versiones: Escritorio, Tablet y móvil.
Presenta un diseño simple y minimalista con unos lindas animaciones físicas en el carrusel. Hay varios carruseles,
el mas exterior contiene toda la web a excepción del header y el footer. Contiene tres slides, el segundo slide
contiene a su vez otro slide. Ambos carruseles contienen su respectivos indicadores en forma de corazón.
El header contiene un selector de témas claro, oscuro e imágen.
En la versión para móbiles y tablet nos encontramos con un efecto marquee, que desaparece en la versión desktop y
en su lugar tenemos un carrusel que podemos manipular manualmente.
CÓDIGO
El codigo de este sitio web es bastante simple, lo único destacable es que gracias a este sitio nació LufferCarousel.
CONCLUSIÓN
El sitio web está completamente listo para ser utilizado en producción, probablemente cree algun branch con alternativas para el header y también reemplaze EmblaCarousel por LufferCarousel.