Electricista
Plataforma full-stack con automatización, E2E y PostgreSQL
Plataforma web completa para LightON, empresa líder en instalaciones eléctricas en Benidorm. Problema: necesitaban presencia digital profesional, formularios de contacto funcionales y un sistema para gestionar la reputación online automatizando encuestas de satisfacción post-servicio. Solución: frontend en React 19 + Vite + TypeScript con SCSS modular y diseño responsive; backend en Node.js + Express con PostgreSQL para formularios y datos de negocio; automatización Python con scheduler para encuestas post-servicio que redirigen a Google Reviews según puntuación. Infraestructura: Docker + docker-compose para desarrollo local, despliegue en Render + Vercel, CSP headers. Testing: Vitest para unitarios y Playwright para E2E (formularios, navegación, rutas críticas). Resultado: sitio en producción con formularios funcionando, SEO local aplicado, automatización de feedback corriendo en scheduler y monitorización de rendimiento (Core Web Vitals, INP < 100ms).
Métricas
- Playwright E2E — Tests end-to-end: Suite E2E para formularios, navegación y rutas críticas con Playwright
- Automatización — Encuestas → Google Reviews: Python scheduler que envía encuestas post-servicio y redirige a Google Reviews según puntuación
- INP < 100ms — Core Web Vitals: Optimizado para Interaction to Next Paint por debajo de 100ms
Decisiones clave
Arquitectura full-stack con contratos tipados
Frontend y backend necesitaban compartir tipos sin duplicación ni desincronización.
Enfoque: Paquete compartido @lighton/contracts con tipos TypeScript, compilado como paso previo al build. Validación en ambos lados con el mismo schema.
Automatización de feedback post-servicio
El cliente necesitaba recoger opiniones automáticamente y derivar solo las positivas a Google Reviews.
Enfoque: Scripts Python con scheduler: envío de email con encuesta, lógica condicional (4+ estrellas → Google Reviews, menos → feedback interno). Containerizado con Docker.
Cobertura de tests en frontend y backend
Un sistema con formularios, API, automatización y múltiples entornos necesita tests sólidos.
Enfoque: Vitest para unitarios en frontend y backend. Playwright para E2E en flujos críticos (contacto, navegación, formularios). CI con lint + test + build.
Base técnica
Monorepo pnpm: frontend Vite + React 19 en root, backend Express + PostgreSQL en /backend, automatización Python en /automation, contratos compartidos en /shared. Docker Compose para desarrollo local (frontend + backend + PostgreSQL). Despliegue: frontend en Vercel, backend en Render, scheduler Python como servicio separado.
Aprendizajes aplicables
- Contratos tipados compartidos entre frontend y backend con TypeScript
- Pipeline completo de tests: Vitest unitarios + Playwright E2E + CI
- Automatización Python con scheduler para flujos de negocio reales
- Docker Compose multi-servicio para desarrollo local (React, Express, PostgreSQL)
- Core Web Vitals: INP < 100ms en producción