EL PUNTO DE PARTIDA
El problema
Concentrar en una web fácil de consultar desde el móvil la información que necesita alguien antes de hacer un pedido: qué hay en la carta, cuánto cuesta, cuándo abre el local y cómo llamar o llegar.
Mi aportación
Desarrollo de una web con componentes Astro y estilos Tailwind CSS, una carta generada desde JSON y navegación adaptada a móvil. Incluye información de alérgenos, enlaces de llamada, mapa y un indicador de apertura calculado a partir del horario.
LA CAJA DE HERRAMIENTAS
Cómo está construido
- Interfaz
- Astro
- Tailwind CSS
- HTML
- TypeScript
- Datos
- JSON
- Integración y automatización
- Google Maps
- Enlaces de llamada
- Despliegue
- GitHub Pages
- GitHub Actions
- Pruebas y herramientas
- npm
- Git
FLUJO DEL PROYECTO
De la carta al contacto.
- 01
Explorar las pizzas
- 02
Consultar precios y alérgenos
- 03
Comprobar horarios
- 04
Llamar o abrir el mapa
Recorrido disponible en la web de Pizza Per Tutti.
Documentación y enlaces
El repositorio contiene los componentes, la carta en JSON y los flujos de publicación. La web y la página de carta están disponibles para explorar el resultado.