Web The Escape Book

Diseño y desarrollo de una plataforma web para descubrir, comparar y gestionar escape rooms de forma intuitiva y visual.

Rol

Diseño UX/UI + Desarrollo Full Stack (React)

Tecnologías·

React · CSS3 · NodeJS · ExpressJS · MongoDB

Herramientas

Visual Studio · GitHub · Postman · Figma · Vercel

¡Un trabajo espectacular! La idea es creativa, el diseño es genial y, a nivel de código, está perfecto. ¡Enhorabuena de nuevo por el gran trabajo
Eduardo Fierro (CEI)

Contexto

Actualmente, el sector de los escape rooms carece de una plataforma centralizada donde los usuarios puedan descubrir, organizar y hacer seguimiento de sus experiencias, ya que esa información se encuentra dispersa entre distintas webs, notas personales y aplicaciones.

The Escape Book nace como una solución para unificar esta experiencia en una única plataforma intuitiva que permite explorar nuevas salas mediante filtros y gestionar salas jugadas, favoritas o pendientes. Además, la plataforma se adapta a distintos perfiles (visitantes, usuarios registrados, empresas y administradores), cada uno con necesidades y funcionalidades específicas.

Proceso

Diseño UX UI

Se diseñó una experiencia centrada en el usuario, priorizando la claridad en la navegación y la organización del contenido.

Jerarquía visual clara
Sistema de filtros para facilitar la búsqueda
Interfaces adaptadas a cada tipo de usuario
Validación de formularios y feedback visual

A nivel visual, se trabajó una estética oscura con acentos dorados.

Arquitectura

El proyecto se estructuró como una aplicación full stack dividida en front-end y back-end, conectados mediante una API REST.

Arquitectura basada en componentes reutilizables
Organización del código por módulos (usuarios, salas, autenticación)
Consumo de API mediante servicios desacoplados
Gestión del estado en React para mantener sincronizada la interfaz

Prototipo (Figma) / Estructura de App.jsx (Visual Studio)

API (Back-end)

Se desarrolló una API propia con Node.js y Express, conectada a una base de datos MongoDB, dividida en:

API de Salas: Para gestionar todo lo relacionado con las salas: crearlas, ofrecer listados, filtros y operaciones CRUD.
API de Usuarios: gestiona todo lo relacionado con el registro, autenticación y gestión de perfiles. Incluye endpoints específicos para que cada usuario gestione sus salas jugadas y favoritas.

REACT (Front-end)

Se implementó una SPA (Single-Page App) en ReactJS configurada con Vite, que permite:

Explorar nuevas salas mediante filtros avanzados
Acceder a fichas detalladas de cada sala
Gestionar el perfil del usuario
Guardar favoritos y registrar partidas
Añadir nuevas salas si eres Empresa
Acceder a todo si eres Administrador

Sistema de login / registro

Panel de usuario

Resultado

El resultado es una aplicación web completa, funcional, escalable y centrada en el usuario que permite centralizar toda la actividad relacionada con escape rooms en una única plataforma.

Gracias a su arquitectura modular y separación entre front-end y back-end, el proyecto permite futuras ampliaciones y mejoras de forma sencilla.

Proyecto calificado con 90/90 (la máxima posible). Recomendado para proyecto destacado.

¿TRABAJAMOS JUNTOS?

Disponible para proyectos de diseño y desarrollo web.