SaaS Pulse 📊

Panel de métricas SaaS en tiempo real | Real-time SaaS metrics dashboard

---

🇪🇸 Español

Descripción

SaaS Pulse es una aplicación de demostración que visualiza métricas de negocio simuladas en tiempo real. Desarrollada para demostrar competencias Full Stack con FastAPI y SvelteKit.

Características

• 4 Tarjetas KPI: Ingresos mensuales, usuarios activos, tasa de abandono, nuevos clientes
• Gráfico de ingresos: Chart.js con gradiente y animaciones suaves
• Selector de rango temporal: 7 días / 30 días / 90 días
• Tabla de transacciones: Datos de clientes de ejemplo
• Modo en vivo: Auto-actualización cada 3 segundos
• Cambio de idioma: Toggle español/inglés
• Datos: Nombres, emails y moneda en euros (€)

Stack Tecnológico

Backend

Tecnología	Uso
Python 3.12	Lenguaje principal
FastAPI	Framework API REST asíncrono
Pydantic	Validación y serialización
Pandas	Generación de series temporales

Frontend

Tecnología	Uso
SvelteKit	Framework full-stack
TypeScript	Tipado estático
Tailwind CSS v4	Estilos utilitarios
Chart.js	Gráficos interactivos

Despliegue

El backend está desplegado en una instancia gratuita de Render. Si la aplicación lleva tiempo inactiva, la primera carga de datos puede tardar hasta 50 segundos mientras el servidor "despierta" (Cold Start). Las siguientes peticiones serán instantáneas.

• Dashboard: https://saas-pulse-one.vercel.app
• API Docs: https://saas-pulse-api.onrender.com/docs

Estructura del Proyecto

saas-pulse/
├── backend/
│   ├── app/
│   │   ├── main.py         # Endpoints FastAPI
│   │   ├── models.py       # Esquemas Pydantic
│   │   ├── services.py     # Lógica de generación
│   │   └── mock_data.py    # Datos de prueba centralizados
│   └── requirements.txt
├── frontend/
│   ├── src/
│   │   ├── lib/
│   │   │   ├── api.ts              # Cliente API tipado
│   │   │   ├── i18n.svelte.ts      # Traducciones ES/EN
│   │   │   └── components/         # Componentes Svelte
│   │   └── routes/
│   │       └── +page.svelte        # Dashboard principal
│   ├── .env.example                # Variables de entorno
│   └── package.json
├── screenshot.png
└── README.md

📄 Licencia

MIT License

Desarrollado con ❤️ usando FastAPI + SvelteKit