Saltar al contingut principal
Demo interactiva · no rep comandes realsFluïxos simulats · sense backend

Burger Xàtiva — Demo de web gastronòmica interactiva

Plantilla d'una hamburgueseria fictícia amb carta digital, personalitzador de burgers, cistella i experiències de reserva i seguiment completament simulades.

Client / contextProjecte de demostració · negoci i contingut ficticis
Any de desenvolupament2026
Rol d'enginyeriaFrontend Developer & UI Designer
Mètode de verificacióRevisió de la demo publicada i dels textos d'estat de cada flux
https://jaumetur3w.github.io/burger_xativa/
Hamburguesa de la demo Burger Xàtiva
Tecnologies:AstroHTML estàticTailwind CSSJavaScript vanillaDisseny responsiveES / VA

Un recorregut de comanda per a una marca fictícia

Burger Xàtiva és una demo de portfolio, no un restaurant en funcionament. La marca, la carta, els preus, les fotografies i les dades locals són de mostra. La pàgina ho identifica com a demo i adverteix que no s’ha d’utilitzar per a fer comandes reals.

El projecte presenta una experiència mòbil per explorar una carta, personalitzar una hamburguesa i recórrer les pantalles habituals d’un negoci gastronòmic.

Funcionalitats que explora la demo

  • Carta per categories i cistella: permet afegir productes de mostra i veure el total orientatiu.
  • Personalitzador de burger: ofereix opcions de punt de la carn i extres amb preu il·lustratiu.
  • Delivery Tracker: mostra les fases de recepció, preparació i lliurament amb un identificador d’exemple. No consulta cap comanda real ni un servei de repartiment.
  • Reserves i club VIP: els formularis només presenten una confirmació simulada; no envien ni guarden dades.
  • Fidelització conceptual: la cistella mostra una recompensa visual en arribar a cinc productes. És una idea de mostra, no un Pizza Pass actiu ni un saldo persistent.
  • Carta QR i idiomes: inclou una entrada a la carta mitjançant QR i una interfície en castellà i valencià.

Arquitectura

La pàgina es genera amb Astro com a HTML estàtic, amb estils compilats amb Tailwind CSS i interaccions locals en mòduls de JavaScript vanilla. No hi ha un backend de comandes, reserves, pagaments, seguiment o subscripcions connectat.

Límits i verificació

He revisat la web publicada i els missatges que mostren els seus fluxos. La mateixa demo avisa que el tracker, les reserves, el club VIP, les ressenyes, els preus, els horaris i la localització són il·lustratius. Per això, aquest cas descriu el prototip i no atribueix resultats comercials ni una puntuació Lighthouse que la pàgina no declara.

Servei professional equivalent

Vols implementar una solució com aquesta en el teu negoci?

Consulta els detalls del paquet, el preu transparent i la comparativa tècnica abans de començar.