Café Aurora

Sobre el proyecto

Café Aurora es una maqueta funcional que abarca el ciclo completo de un sitio para un negocio gastronómico: identidad visual, múltiples páginas, sistema de reservas, menú interactivo y formulario de contacto. Está pensado para demostrar la capacidad de entregar un producto web terminado a un cliente real del rubro.

Páginas del sitio

Página	Contenido
index.html	Landing con hero carousel, servicios, menú destacado y cupón de cumpleaños
menu.html	Carta completa — cafés calientes y fríos con imágenes y descripciones
reservas.html	Sistema de reserva online con selector de personas y promoción 20% OFF
nosotros.html	Historia y visión de la cafetería
servicio.html	Detalle de servicios: delivery, granos frescos, calidad
testimonio.html	Reseñas de clientes con carrusel
contacto.html	Formulario de contacto con envío real vía PHP

Stack utilizado

Decisiones técnicas

SCSS como sistema de estilos

En lugar de CSS plano, se usó SCSS para organizar los estilos por componentes, aprovechar variables de color y tipografía, y facilitar el mantenimiento. Esto refleja un flujo de trabajo más cercano al desarrollo profesional real. SCSS representa el 30.9% del código del repositorio.

Sitio multi-página con navegación consistente

Cada sección es una página HTML independiente con nav y footer compartidos. Esta arquitectura mantiene URLs semánticas por sección y compatibilidad total con GitHub Pages, sin necesidad de un router ni framework.

PHP para el formulario de contacto

El formulario usa un script PHP en /mail/ para el envío real de emails, integrando el flujo completo cliente-servidor. Aunque GitHub Pages no ejecuta PHP, el backend está implementado y listo para deployarse en cualquier hosting compartido.

Carousel con librería externa

Se integró una librería desde /lib/ priorizando estabilidad y resultado visual sobre codear la funcionalidad desde cero — una decisión pragmática válida en proyectos reales donde el tiempo y la confiabilidad importan.

Estructura del proyecto

cafe_aurora/
├── index.html · menu.html · reservas.html
├── nosotros.html · servicio.html
├── testimonio.html · contacto.html
├── css/        ← CSS compilado
├── scss/       ← fuente SCSS con variables y componentes
├── js/         ← carousel, interacciones, validaciones
├── lib/        ← librerías externas
├── img/        ← imágenes del sitio
└── mail/       ← script PHP para envío de formulario