Sitio web de una cafetería temática de anime, con diseño kawaii, paleta cálida en tonos naranja/marrón y modo claro.
🔗 Ver guía original en Behance
El sitio original fue creado en 2023 como proyecto de la facultad, donde hice el maquetado básico con HTML, CSS, Bootstrap y jQuery. Lo dejé **invarios errores y sin terminar.
Años después lo agarré de nuevo, lo modifiqué por completo: le saqué Bootstrap y jQuery, lo reescribí con HTML y CSS puro, le agregué un diseño kawaii con panda como marca, modo claro con paleta naranja/marrón, y varias interacciones con JavaScript vanilla.
- Visual Studio Code
- HTML5 + CSS3 puro
- JavaScript vanilla (sin librerías)
- Imágenes de Unsplash y StockCake
├── index.html # Página principal
├── Productos.html # Menú de bebidas, snacks y merch
├── galeria.html # Galería de fotos con lightbox
├── faq.html # Preguntas frecuentes (acordeón)
├── styles.css # Estilos del sitio
├── app.js # Interacciones (scroll, quotes, lightbox, etc.)
├── cart.js # Carrito de compras con localStorage
└── img/ # Imágenes y favicon
- Paleta cálida: crema, naranja y marrón
- Logo y favicon de panda kawaii 🐼
- Efectos hover con corazones y sparkles
- Galería con lightbox (navegación con teclado)
- Carrito de compras funcional con localStorage
- Acordeón de preguntas frecuentes
- Frases rotativas en el hero
- Totalmente responsive
Abrí index.html en tu navegador. No necesita servidor — funciona con archivos estáticos.