/01
Desarrollo web
De la interfaz a los datos.
EN GymFlow AI + FastPlay
← Volver a la historia
Detrás del código.
02 / DETRÁS DEL CÓDIGOCEUTA, ESPAÑA ↗︎
CURIOSIDAD COMO PUNTO DE PARTIDA.
Me gusta crear.
Y entender
el porqué.
Sadek↗︎
Soy Sadek, desarrollador web de Ceuta y titulado en Desarrollo de Aplicaciones Web. Me gusta entender cómo funcionan las cosas y construir herramientas que hagan el día a día un poco más sencillo.
Combino desarrollo web, automatización e inteligencia artificial para conectar ideas, servicios y personas. Desde una plataforma de fútbol hasta una reserva que se hace sola: aprendo construyendo, pruebo y sigo mejorando.
Ahora sigo profundizando en inteligencia artificial, infraestructura y ciberseguridad.
Desarrollo de Aplicaciones WebGrado Superior · Finalizado en 2026
03 / CAJA DE HERRAMIENTASEL STACK SIGUE A LA IDEA
Las piezas.
Las posibilidades.
Herramientas que uso para construir,
conectar y poner las cosas en marcha.
/02
Automatización
Que lo repetitivo se haga solo.
EN ReservaGym
/03
Despliegue
Del repositorio al servidor.
EN GymFlow AI + ReservaGym
04 / DE LA IDEA AL CÓDIGO
Así lo hago.
01
Entender
Empezar por una necesidad concreta y decidir qué merece la pena resolver.
EN LA PRÁCTICA ↗︎FastPlay: reunir equipos, partidos y clasificación en un mismo lugar.02
Diseñar
Dar estructura a la idea: flujos sencillos, datos claros y responsabilidades separadas.
EN LA PRÁCTICA ↗︎GymFlow: separar la interfaz, la API y el modelo de entrenamiento.03
Construir
Convertirlo en código y comprobar los casos importantes antes de seguir.
EN LA PRÁCTICA ↗︎FastPlay: validar permisos, formularios y consultas a la base de datos.04
Automatizar
Conectar servicios y quitar trabajo manual donde tiene sentido.
EN LA PRÁCTICA ↗︎ReservaGym: activar Playwright desde n8n y probar con dry-run.05 / MÁS ALLÁ DEL LOCALHOSTCÓDIGO → CONTENEDOR → SERVIDOR
Del código a algo
que funciona.
Trabajo con un VPS propio, Docker y EasyPanel para llevar mis aplicaciones más allá del entorno local. Me interesa entender el recorrido completo: construir, conectar y desplegar.
Código versionado
Git + GitHubRepositorios que reúnen el código y las instrucciones de cada proyecto.
Entornos reproducibles
DockerContenedores para empaquetar aplicaciones y sus dependencias.
Un lugar donde vivir
VPS + EasyPanelUn entorno propio para gestionar aplicaciones, servicios y dominios.
CÓMO ENCAJAN LAS PIEZAS
Dos proyectos. Dos recorridos.
GymFlow AI
APLICACIÓN WEB- 01Astro + React
- 02API NestJS
- 03PostgreSQL
Interfaz, API y base de datos como servicios separados. La documentación del proyecto incluye su configuración con Docker y EasyPanel.
Explorar proyectoReservaGym
AUTOMATIZACIÓN- 01n8n
- 02API Express
- 03Playwright
Un flujo programado llama a la API y Playwright recorre la web de reservas. El modo dry-run permite probar antes de confirmar.
Explorar proyecto