Retro Coffee
Web de ejemplo para una cafetería con estilo retro
Año
2023
Tipo
Personal
Propósito
Aprendizaje
Estado
En línea
Sobre el proyecto
Retro Coffee fue uno de mis primeros proyectos personales cuando estaba aprendiendo desarrollo web moderno. Un proyecto nacido de la curiosidad por explorar nuevas técnicas de diseño y animación en la web.
Durante este proyecto, me adentré en el mundo del snap scroll, investigando cómo crear experiencias de navegación fluidas y atractivas. Fue mi introducción práctica a conceptos avanzados de CSS y JavaScript, experimentando con transiciones suaves y efectos visuales que mejoran la experiencia del usuario.
Stack Tecnológico
Astro 
TypeScript 
Tailwind Características destacadas
- • Implementación de snap scroll para navegación fluida entre secciones
- • Diseño retro inspirado en cafeterías vintage de los años 50
- • Animaciones CSS personalizadas para elementos interactivos
- • Menú interactivo con efectos hover creativos
- • Paleta de colores cálidos y tipografías vintage
- • Totalmente responsive con Tailwind CSS
Aprendizajes clave
Snap Scroll CSS
Primera experiencia práctica con scroll-snap-type y scroll-snap-align, entendiendo cómo crear experiencias de desplazamiento controladas.
Diseño temático
Aprendí a mantener consistencia visual en todo el sitio, creando una atmósfera coherente con el tema retro.
Animaciones suaves
Exploración de transiciones CSS y animaciones para mejorar la experiencia del usuario sin sobrecargar la página.
Sitio Web del Proyecto
Demo en línea de la cafetería retro
