Volver al portafolio Ver la carta en vivo
Proyecto · Carta digital y panel de gestión

Una carta digital con panel de administración para un brunch en Platja d'Aro. El cliente escanea el QR de su mesa y el personal lo gestiona todo en tiempo real.

ClienteBrunch · Platja d'Aro
StackNext.js 14 · PostgreSQL
InfraestructuraVPS propio · SSE
IdiomasES · CA · EN · FR
plenty.serverpuntozero.es
Carta digital de Plenty: cabecera con el logo, pestañas Carta y Bebidas, categorías y tarjetas de productos con foto y precio

{{ w.w }}

Tiempo real

Todo se sincroniza al instante con SSE, sin recargar nunca la página.

Avisos con ubicación

"Pedir ya" y "La cuenta" solo funcionan a menos de 150 metros del local.

Encuesta inteligente

Una valoración alta invita a dejar reseña en Google; una baja pide un comentario privado.

Cuatro idiomas

Español, catalán, inglés y francés, detectados según el móvil del cliente.

Instalable como app

Diálogo nativo en Android y escritorio, y guía paso a paso en iPhone.

Traducción con IA

Desde el panel, cada producto se traduce a tres idiomas con un botón.

La carta que ve el cliente

Sigue bajando: recorremos la carta parte por parte.

plenty.serverpuntozero.es
Carta digital de Plenty
01

Cabecera

"Plenty." en serif grande sobre fondo espresso con resplandor caramelo, un arco decorativo y una rama de cafeto a cada lado. El borde inferior es curvo, no un corte recto.

02

Barra fija

Pestañas de Carta y Bebidas con su propio dibujo, buscador, filtro de alérgenos y modo oscuro. Las categorías se desplazan en horizontal y se resaltan solas según por dónde vas.

03

Productos

Cada categoría con su medallón y su número. Tarjetas con nombre, descripción, alérgenos, etiquetas destacadas y la foto con el precio. Al tocarlas se abre el detalle.

04

Filtro de alérgenos

Oculta los platos con cualquiera de los 14 alérgenos de declaración obligatoria en la UE y lo recuerda en el móvil del cliente para la próxima visita.

05

"Pedir ya" y "La cuenta"

Un botón flotante con dos avisos independientes que solo funcionan a menos de 150 metros del local. Al pedir la cuenta aparece una encuesta de 1 a 5 estrellas.

06

Instalar como app

Abre el diálogo nativo en Android y escritorio y, en iPhone, explica los dos pasos manuales en Safari.

07

Cuatro idiomas

Español, catalán, inglés y francés. Se detecta el idioma del móvil y se puede cambiar en cualquier momento.

  1. Cabecera
  2. Barra fija
  3. Productos
  4. Filtro de alérgenos
  5. "Pedir ya" y "La cuenta"
  6. Instalar como app
  7. Cuatro idiomas

El panel de gestión

Siete pestañas para que el personal lo controle todo desde un solo sitio.

Acceso seguro

Login con usuario y contraseña y límite de intentos. El administrador lo ve todo; un empleado solo ve Pedidos. La primera vez, /setup crea la cuenta de administrador y se bloquea sola.

Avisos al momento

La pestaña de Pedidos se pone roja con el número de avisos pendientes en cuanto hay alguno sin atender.

Panel · {{ cpTab }}
Panel de Plenty: pestaña Pedidos en vivoPanel de Plenty: pestaña Gestión de la cartaPanel de Plenty: pestaña CategoríasPanel de Plenty: pestaña AnalyticsPanel de Plenty: pestaña OpinionesPanel de Plenty: pestaña Código QRPanel de Plenty: pestaña Usuarios
01

Pedidos en vivo

Cada "Pedir ya" o "La cuenta" aparece al instante con la mesa, el tiempo de espera y un botón "Atendido". Pasados 5 minutos se marca en rojo, y hay historial de las últimas 24 h.

02

Gestión de la carta

Añadir, editar y eliminar productos, subir fotos con recorte, marcar disponibilidad con un toque, etiquetas, alérgenos y traducción con IA. Todo se reordena arrastrando.

03

Categorías

Crear, editar, eliminar y reordenar categorías arrastrando, y decidir si cada una va en Comida o en Bebidas.

04

Analytics

Qué productos se consultan más en la carta, en tiempo real, con un botón para reiniciar las estadísticas.

05

Opiniones

La media de la encuesta de satisfacción, cuántas valoraciones son bajas y el comentario de cada una, en vivo.

06

Código QR

El mismo QR impreso en las mesas, bloqueado a propósito para que nunca se cambie por error, con botón para descargarlo.

07

Usuarios

Cuentas de empleado con contraseña generada que se muestra una sola vez, deshabilitar o resetear, y la cuenta de administrador siempre protegida.

  1. Pedidos en vivo
  2. Gestión de la carta
  3. Categorías
  4. Analytics
  5. Opiniones
  6. Código QR
  7. Usuarios

Modo de pruebas

Con una contraseña propia guardada solo en el servidor, el dueño puede simular avisos de mesa sin estar en el local para comprobar que todo funciona.

Pensado para el local

Encuesta que filtra las reseñas, avisos que solo llegan desde dentro del local y un QR que no se puede romper: cada decisión resuelve un problema real del día a día.

Una carta que se gestiona sola, en tiempo real.

Qué hago

Cuatro frentes, una misma curiosidad.

Desarrollo web De la maqueta al mantenimiento.
Ciberseguridad Romper para aprender a defender.
Sistemas y redes La base sobre la que corre todo.
IA aplicada Herramientas que multiplican lo que hago.

Desarrollo web

Sitios a medida con HTML, CSS, JavaScript, PHP y WordPress: creación, personalización y mantenimiento.

HTMLCSSJavaScriptPHPWordPress

Ciberseguridad

Formación continua en Red Team, pentesting y seguridad web, ampliando hacia la defensa con Blue Team.

Red TeamPentestingSeguridad webBlue Team

Sistemas y redes

Base de SMX: soporte, diagnóstico de equipos, Linux, Docker y redes.

HardwareLinuxDockerRedes

IA aplicada

Claude Code y herramientas de IA en mi día a día, con formación en desarrollo con IA.

Claude CodeIAAutomatización
Experiencias laborales
Ciclos de FP
Idiomas
Formándome en ciberseguridad
{{ m.t }}
{{ m.t }}

Sobre mí

Quién hay detrás del código.

Retrato de Valentín Guzmán
Valentín Guzmán DAW · Web Development · Cybersecurity
BaseFigueres / Girona
Ahora2º de DAW

{{ wd.w }}

Me defino como curioso.proactivo.resolutivo.de equipo.autodidacta.curioso.
Ahora
2º de DAW · Institut Montilivi{{ coursePct }}% del ciclo
Base
Figueres, Girona{{time}}
Idiomas
Español y catalán nativos · Inglés B23
Ruta
ESO → SMX → DAW → Ciberseguridad2018 — hoy

Experiencia

Tres etapas, una pila de aprendizajes.

Jul 2026 — Ago 2026

Dependiente

ZARA · La Jonquera · Presencial

Atención y asesoramiento al cliente en un entorno dinámico. Reposición, organización de producto y coordinación con el equipo de tienda.

ClienteOrganizaciónTrabajo en equipo
Abr 2025 — Jun 2026

Desarrollador Web

Punto Zero Marketing SL · Figueres · Remoto

Creación, personalización y mantenimiento de sitios web. Gestión de contenidos y resolución de incidencias técnicas.

WordPressHTMLCSSJavaScriptPHP
Oct 2024 — Mar 2025

Técnico Informático

BEEP Informática · Figueres · Presencial

Soporte, mantenimiento y diagnóstico de equipos, software y redes. Atención al cliente y resolución de incidencias.

HardwareSoporteRedes

Proyectos

Ábrelos para ver el detalle.

PlentyCarta digital · Next.js 14

Carta digital con panel de gestión para un brunch en Platja d'Aro: QR en cada mesa, avisos de "Pedir ya" y "La cuenta" con geolocalización, cuatro idiomas y todo sincronizado en tiempo real.

Next.js 14PostgreSQLSSEVPSPWA
[Proyecto web][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]
[Proyecto de ciberseguridad][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]
[Proyecto de clase / C#][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]

Stack

Con lo que trabajo cada día.

Frontend

HTMLCSSJavaScriptWordPress

Backend

PHPSQL / MySQLC#POO

Herramientas

GitGitHubDockerClaude CodeLinux

Seguridad

Red TeamPentestingSeguridad webBlue Team

Formación

Lo que he estudiado y sigo estudiando.

Desarrollo de Aplicaciones Web (DAW)2025 — 2027
2025 — 2027En curso

Ciclo formativo de grado superior.

Institut Montilivi · Girona
{{ coursePct }}% del ciclo completado
Sistemas Microinformáticos y Redes (SMX)2023 — 2025
2023 — 2025Completado

Ciclo formativo de grado medio: la base en sistemas y redes que aplico en soporte y ciberseguridad.

Institut Cendrassos · Figueres
Educación Secundaria Obligatoria2018 — 2022
2018 — 2022Completado

Educación secundaria.

Institut Alexandre Deulofeu · Figueres
Ciberseguridad y Hacking2026
2026Formación continua

Formación complementaria en ciberseguridad ofensiva y defensiva.

BIG School
Iniciación al desarrollo con IA2026
2026Completado

Formación complementaria en desarrollo con inteligencia artificial.

BIG School

Hablemos

¿Prácticas, un proyecto web o un CTF?

Escríbeme.Te leo.Lo hablamos.Me apunto.Sin rodeos.Escríbeme.
Empieza por tu nombre Ahora tu email Cuéntame qué necesitas Todo listo, ¡envíalo! {{ formDone }}/3
¿De qué va?
Mensaje preparado Ábrelo en tu correo para enviarlo. Te respondo lo antes posible. Abrir en mi correo
Volver al portafolio Ver la carta en vivo
Proyecto · Carta digital y panel de gestión

Una carta digital con panel de administración para un brunch en Platja d'Aro. El cliente escanea el QR de su mesa y el personal lo gestiona todo en tiempo real.

ClienteBrunch · Platja d'Aro
StackNext.js 14 · PostgreSQL
InfraestructuraVPS propio · SSE
IdiomasES · CA · EN · FR
plenty.serverpuntozero.es
Carta digital de Plenty: cabecera con el logo, pestañas Carta y Bebidas, categorías y tarjetas de productos con foto y precio

{{ w.w }}

Tiempo real

Todo se sincroniza al instante con SSE, sin recargar nunca la página.

Avisos con ubicación

"Pedir ya" y "La cuenta" solo funcionan a menos de 150 metros del local.

Encuesta inteligente

Una valoración alta invita a dejar reseña en Google; una baja pide un comentario privado.

Cuatro idiomas

Español, catalán, inglés y francés, detectados según el móvil del cliente.

Instalable como app

Diálogo nativo en Android y escritorio, y guía paso a paso en iPhone.

Traducción con IA

Desde el panel, cada producto se traduce a tres idiomas con un botón.

La carta que ve el cliente

Sigue bajando: recorremos la carta parte por parte.

plenty.serverpuntozero.es
Carta digital de Plenty
01

Cabecera

"Plenty." en serif grande sobre fondo espresso con resplandor caramelo, un arco decorativo y una rama de cafeto a cada lado. El borde inferior es curvo, no un corte recto.

02

Barra fija

Pestañas de Carta y Bebidas con su propio dibujo, buscador, filtro de alérgenos y modo oscuro. Las categorías se desplazan en horizontal y se resaltan solas según por dónde vas.

03

Productos

Cada categoría con su medallón y su número. Tarjetas con nombre, descripción, alérgenos, etiquetas destacadas y la foto con el precio. Al tocarlas se abre el detalle.

04

Filtro de alérgenos

Oculta los platos con cualquiera de los 14 alérgenos de declaración obligatoria en la UE y lo recuerda en el móvil del cliente para la próxima visita.

05

"Pedir ya" y "La cuenta"

Un botón flotante con dos avisos independientes que solo funcionan a menos de 150 metros del local. Al pedir la cuenta aparece una encuesta de 1 a 5 estrellas.

06

Instalar como app

Abre el diálogo nativo en Android y escritorio y, en iPhone, explica los dos pasos manuales en Safari.

07

Cuatro idiomas

Español, catalán, inglés y francés. Se detecta el idioma del móvil y se puede cambiar en cualquier momento.

  1. Cabecera
  2. Barra fija
  3. Productos
  4. Filtro de alérgenos
  5. "Pedir ya" y "La cuenta"
  6. Instalar como app
  7. Cuatro idiomas

El panel de gestión

Siete pestañas para que el personal lo controle todo desde un solo sitio.

Acceso seguro

Login con usuario y contraseña y límite de intentos. El administrador lo ve todo; un empleado solo ve Pedidos. La primera vez, /setup crea la cuenta de administrador y se bloquea sola.

Avisos al momento

La pestaña de Pedidos se pone roja con el número de avisos pendientes en cuanto hay alguno sin atender.

Panel · {{ cpTab }}
Panel de Plenty: pestaña Pedidos en vivoPanel de Plenty: pestaña Gestión de la cartaPanel de Plenty: pestaña CategoríasPanel de Plenty: pestaña AnalyticsPanel de Plenty: pestaña OpinionesPanel de Plenty: pestaña Código QRPanel de Plenty: pestaña Usuarios
01

Pedidos en vivo

Cada "Pedir ya" o "La cuenta" aparece al instante con la mesa, el tiempo de espera y un botón "Atendido". Pasados 5 minutos se marca en rojo, y hay historial de las últimas 24 h.

02

Gestión de la carta

Añadir, editar y eliminar productos, subir fotos con recorte, marcar disponibilidad con un toque, etiquetas, alérgenos y traducción con IA. Todo se reordena arrastrando.

03

Categorías

Crear, editar, eliminar y reordenar categorías arrastrando, y decidir si cada una va en Comida o en Bebidas.

04

Analytics

Qué productos se consultan más en la carta, en tiempo real, con un botón para reiniciar las estadísticas.

05

Opiniones

La media de la encuesta de satisfacción, cuántas valoraciones son bajas y el comentario de cada una, en vivo.

06

Código QR

El mismo QR impreso en las mesas, bloqueado a propósito para que nunca se cambie por error, con botón para descargarlo.

07

Usuarios

Cuentas de empleado con contraseña generada que se muestra una sola vez, deshabilitar o resetear, y la cuenta de administrador siempre protegida.

  1. Pedidos en vivo
  2. Gestión de la carta
  3. Categorías
  4. Analytics
  5. Opiniones
  6. Código QR
  7. Usuarios

Modo de pruebas

Con una contraseña propia guardada solo en el servidor, el dueño puede simular avisos de mesa sin estar en el local para comprobar que todo funciona.

Pensado para el local

Encuesta que filtra las reseñas, avisos que solo llegan desde dentro del local y un QR que no se puede romper: cada decisión resuelve un problema real del día a día.

Una carta que se gestiona sola, en tiempo real.

Qué hago

Cuatro frentes, una misma curiosidad.

Desarrollo web De la maqueta al mantenimiento.
Ciberseguridad Romper para aprender a defender.
Sistemas y redes La base sobre la que corre todo.
IA aplicada Herramientas que multiplican lo que hago.

Desarrollo web

Sitios a medida con HTML, CSS, JavaScript, PHP y WordPress: creación, personalización y mantenimiento.

HTMLCSSJavaScriptPHPWordPress

Ciberseguridad

Formación continua en Red Team, pentesting y seguridad web, ampliando hacia la defensa con Blue Team.

Red TeamPentestingSeguridad webBlue Team

Sistemas y redes

Base de SMX: soporte, diagnóstico de equipos, Linux, Docker y redes.

HardwareLinuxDockerRedes

IA aplicada

Claude Code y herramientas de IA en mi día a día, con formación en desarrollo con IA.

Claude CodeIAAutomatización
Experiencias laborales
Ciclos de FP
Idiomas
Formándome en ciberseguridad
{{ m.t }}
{{ m.t }}

Sobre mí

Quién hay detrás del código.

Retrato de Valentín Guzmán
Valentín Guzmán DAW · Web Development · Cybersecurity
BaseFigueres / Girona
Ahora2º de DAW

{{ wd.w }}

Me defino como curioso.proactivo.resolutivo.de equipo.autodidacta.curioso.
Ahora
2º de DAW · Institut Montilivi{{ coursePct }}% del ciclo
Base
Figueres, Girona{{time}}
Idiomas
Español y catalán nativos · Inglés B23
Ruta
ESO → SMX → DAW → Ciberseguridad2018 — hoy

Experiencia

Tres etapas, una pila de aprendizajes.

Jul 2026 — Ago 2026

Dependiente

ZARA · La Jonquera · Presencial

Atención y asesoramiento al cliente en un entorno dinámico. Reposición, organización de producto y coordinación con el equipo de tienda.

ClienteOrganizaciónTrabajo en equipo
Abr 2025 — Jun 2026

Desarrollador Web

Punto Zero Marketing SL · Figueres · Remoto

Creación, personalización y mantenimiento de sitios web. Gestión de contenidos y resolución de incidencias técnicas.

WordPressHTMLCSSJavaScriptPHP
Oct 2024 — Mar 2025

Técnico Informático

BEEP Informática · Figueres · Presencial

Soporte, mantenimiento y diagnóstico de equipos, software y redes. Atención al cliente y resolución de incidencias.

HardwareSoporteRedes

Proyectos

Ábrelos para ver el detalle.

PlentyCarta digital · Next.js 14

Carta digital con panel de gestión para un brunch en Platja d'Aro: QR en cada mesa, avisos de "Pedir ya" y "La cuenta" con geolocalización, cuatro idiomas y todo sincronizado en tiempo real.

Next.js 14PostgreSQLSSEVPSPWA
[Proyecto web][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]
[Proyecto de ciberseguridad][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]
[Proyecto de clase / C#][Categoría] · [Año]

[Descripción breve: qué problema resuelve, qué hiciste tú y con qué tecnologías.]

[Tecnología][Tecnología][Tecnología]

Stack

Con lo que trabajo cada día.

Frontend

HTMLCSSJavaScriptWordPress

Backend

PHPSQL / MySQLC#POO

Herramientas

GitGitHubDockerClaude CodeLinux

Seguridad

Red TeamPentestingSeguridad webBlue Team

Formación

Lo que he estudiado y sigo estudiando.

Desarrollo de Aplicaciones Web (DAW)2025 — 2027
2025 — 2027En curso

Ciclo formativo de grado superior.

Institut Montilivi · Girona
{{ coursePct }}% del ciclo completado
Sistemas Microinformáticos y Redes (SMX)2023 — 2025
2023 — 2025Completado

Ciclo formativo de grado medio: la base en sistemas y redes que aplico en soporte y ciberseguridad.

Institut Cendrassos · Figueres
Educación Secundaria Obligatoria2018 — 2022
2018 — 2022Completado

Educación secundaria.

Institut Alexandre Deulofeu · Figueres
Ciberseguridad y Hacking2026
2026Formación continua

Formación complementaria en ciberseguridad ofensiva y defensiva.

BIG School
Iniciación al desarrollo con IA2026
2026Completado

Formación complementaria en desarrollo con inteligencia artificial.

BIG School

Hablemos

¿Prácticas, un proyecto web o un CTF?

Escríbeme.Te leo.Lo hablamos.Me apunto.Sin rodeos.Escríbeme.
Empieza por tu nombre Ahora tu email Cuéntame qué necesitas Todo listo, ¡envíalo! {{ formDone }}/3
¿De qué va?
Mensaje preparado Ábrelo en tu correo para enviarlo. Te respondo lo antes posible. Abrir en mi correo