Volver a proyectos

Proyecto

Social Media Dashboard

Dashboard full-stack para visualizar y analizar datos sobre uso de redes sociales, hábitos digitales y métricas asociadas mediante gráficos interactivos. Incluye frontend responsive, API REST protegida, autenticación JWT, persistencia en MySQL y despliegue en VPS con Docker, Nginx, HTTPS y CI/CD.

GitHub Ver demo
Captura de Social Media Dashboard

Problema que resuelve

El análisis de datos de encuestas puede resultar poco accesible si no se presenta con filtros, métricas claras y visualizaciones interactivas.

Objetivo

Construir una aplicación desacoplada que permita consultar datos, aplicar filtros y visualizar indicadores desde una interfaz web conectada a una API REST.

Stack técnico

Vue 3 Vite CoreUI Chart.js Java 21 Spring Boot Spring Security JWT MySQL Docker Nginx GitHub Actions GHCR VPS

Funcionalidades principales

  • Dashboard público con métricas agregadas.
  • Frontend responsive para móvil, tablet y escritorio.
  • Backend REST con Spring Boot.
  • Autenticación JWT.
  • Endpoints privados protegidos.

Decisiones técnicas destacadas

  • DTOs para evitar exponer entidades internas.
  • Control de propiedad de registros para evitar acceso a datos ajenos.
  • MySQL no expuesto públicamente.
  • Despliegue en VPS con Docker Compose.
  • Nginx como reverse proxy.
  • HTTPS con Let's Encrypt.
  • CI/CD con GitHub Actions y GHCR.
  • Backup MySQL previo al despliegue.

Qué aprendí o qué demuestra

El proyecto demuestra capacidad para integrar frontend, backend, autenticación y persistencia relacional en una aplicación desplegada por capas.