01
Implementación frontend
Desarrollo de la experiencia pública a partir del diseño definido en Figma.
Proyecto para cliente Case study
Dale Skate
De una revista física a una plataforma web editorial que permite publicar y administrar contenido sin depender de cambios en código.
Rol
Full-Stack Development
Tipo
Proyecto para cliente
Diseño
Figma proporcionado por cliente
Estado
En producción
Dale Skate / Sitio público
01 / Contexto
Llevar una revista física de skateboarding al entorno web.
Dale Skate es una revista de skateboarding distribuida en formato físico. La dueña de la revista me contactó para desarrollar su presencia web y me proporcionó un diseño en Figma para definir la experiencia visual de la página principal.
Mi trabajo comenzó implementando esa propuesta visual, pero durante el desarrollo apareció una necesidad importante: definir cómo se publicaría y mantendría el contenido después de lanzar el sitio.
02 / El reto
Publicar contenido no debía depender permanentemente de un desarrollador.
Una opción inicial habría sido crear los artículos directamente desde código. Técnicamente funcionaba, pero significaba que cada nueva publicación requeriría modificar el proyecto y realizar un nuevo despliegue.
Para una revista que necesita publicar contenido de forma recurrente, eso habría creado una dependencia constante de un desarrollador y convertido una tarea editorial en una tarea técnica.
03 / La propuesta
Convertir el sitio en una plataforma administrable.
Propuse desarrollar un panel de administración para que la dueña pudiera crear, editar y publicar contenido directamente desde la plataforma, sin tener que solicitar cambios de código cada vez que necesitara agregar un artículo.
Esa decisión amplió el alcance del proyecto: dejó de ser solamente la implementación de un sitio público y se convirtió en una plataforma editorial full-stack con herramientas propias para gestionar su contenido.
04 / Mi participación
Del diseño en Figma a una plataforma editorial funcional.
Implementé la experiencia pública a partir del diseño entregado por la cliente y desarrollé la lógica necesaria para convertirla en un sitio dinámico conectado con contenido administrable.
También diseñé e implementé la parte administrativa, los endpoints del backend, la autenticación y las herramientas que permiten mantener la revista sin depender de cambios manuales en el código.
02
Backend y datos
Construcción de endpoints y lógica para almacenar, consultar y administrar el contenido de la plataforma.
03
Producto y administración
Propuesta y desarrollo del panel que permite a la cliente administrar la revista de forma independiente.
05 / Gestión editorial
Convertir la publicación en una tarea editorial, no técnica.
Desde el panel de administración se puede gestionar el contenido publicado sin editar archivos del proyecto ni realizar un nuevo despliegue para cada actualización.
Esto permite que la revista mantenga su propio ritmo de publicación y reduce la dependencia del desarrollador para las tareas habituales de contenido.
06 / Editor
Construir artículos visualmente desde la propia plataforma.
El editor permite combinar texto enriquecido, imágenes y videos dentro de una misma publicación y organizar esos elementos desde una interfaz pensada para contenido editorial.
La previsualización permite revisar el resultado del artículo mientras se construye, acercando el proceso de edición a la forma en que finalmente se mostrará al lector.
07 / Funcionalidades
Herramientas para gestionar más que artículos.
Artículos
Gestión editorial
Creación, edición y mantenimiento de publicaciones desde el panel administrativo.
Multimedia
Texto, imágenes y video
Composición de artículos utilizando distintos tipos de contenido dentro de una misma publicación.
Encuestas
Participación de lectores
Creación y administración de encuestas desde el mismo entorno.
Publicidad
Espacios administrables
Gestión de elementos publicitarios sin necesidad de modificar directamente el frontend.
08 / Arquitectura
Una experiencia React conectada a un backend en PHP.
El frontend consume endpoints desarrollados en PHP para obtener y modificar los recursos de la plataforma, mientras que las operaciones administrativas se protegen mediante autenticación basada en JWT.
Frontend
React + Vite
Implementación de la experiencia pública y las herramientas administrativas.
Backend
PHP
Endpoints y lógica de servidor para gestionar los recursos de la revista.
Seguridad
JWT
Protección de las operaciones disponibles dentro del panel administrativo.
09 / Stack
ReactViteTailwind CSSReact RouterReact QuillDOMPurifyPHPJWT
10 / Resultado
De una revista física a una plataforma web administrable.
El proyecto comenzó con el objetivo de trasladar Dale Skate a web a partir de un diseño en Figma y terminó convirtiéndose en una plataforma donde la publicación editorial está separada del desarrollo técnico.
La revista cuenta ahora con una presencia digital pública y con herramientas internas que permiten mantener y publicar contenido sin depender de un desarrollador para cada actualización.