Nada de maquetas. Todo lo que ves aquí está desplegado, en uso y lo mantengo yo.
Fix Home 360
Arquitectura, desarrollo e infraestructura
Jul 2026 – actualidad
Una plataforma completa para una empresa de energía solar, techos y agua en Puerto Rico. No es un sitio con extras: son siete repositorios en producción, desde el backend y la red de distribuidores hasta el servidor de correo corporativo, todo en infraestructura propia.
Backend en Node 20 y TypeScript con Express 5, Drizzle ORM y PostgreSQL 16, validado con Zod
Red de distribuidores con estructura unilevel sobre Laravel 12
Servidor de correo self-hosted con Stalwart y webmail Bulwark, con salida relayada por AWS SES
Dos calculadoras en dominios propios: una pública para clientes y otra interna para consultores
Contabilidad y línea de techos como aplicaciones independientes del mismo ecosistema
Qué incluye la plataforma
Plataforma compartida
Servicio backend con autenticación, persistencia de cotizaciones y panel de administración por roles.
Red de distribuidores
Estructura unilevel y cálculo del plan de compensación, construida sobre Laravel 12.
Desarrollo de módulos Odoo y arquitectura multiempresa
Ene 2026 – actualidad
En colaboración conDartec Consulting
Comercio inteligente para las zonas comerciales abiertas de Canarias, sobre Odoo. No es solo un directorio: hay tienda, ferias y mercados, comunidad y varios portales de zona viviendo en una sola instalación, cada uno con su dominio y sus datos aislados.
Tienda online y directorio público con fichas visuales y filtros por zona y categoría
Portales por zona comercial: Guanarteme, Tamaraceite y Lomo Los Frailes
Siete idiomas publicados: español, inglés, francés, alemán, italiano, polaco y portugués
Secciones de ferias y mercados y de comunidad para los comercios asociados
Aislamiento estricto de datos entre compañías, con sus reglas de seguridad
Emblema de la Unión Europea integrado como módulo propio del sitio
Qué incluye la plataforma
Directorio web
Rutas públicas con listado, filtrado por zona y por categoría, y salto a los microsites.
Aislamiento multiempresa
Separación real de datos entre compañías dentro de una única instancia.
Gestor de dominios
Un dominio propio por empresa sobre la misma instalación.
Tema corporativo
Tema multiempresa con identidad visual por compañía.
Zonas y categorías
Clasificación geográfica y por tipo de negocio.
Importadores
Carga masiva de empresas y de catálogos de producto.
Emblema de la Unión Europea
Módulo que publica el emblema en la cabecera del sitio, cumpliendo el deber de visibilidad.
Sitio corporativo bilingüe para una empresa de energía solar, techos y agua en Puerto Rico, más el sistema que lo mantiene vivo. No es solo la web: un bot de Telegram lee el plan semanal desde Google Sheets, propone el contenido, lo publica en el blog con un botón e insiste con recordatorios cuando falta. Alrededor, CRM y agenda de citas self-hosted en sus propios subdominios, y una auditoría SEO técnica aplicada sobre el sitio completo.
Sitio estático en Astro con blog y vlog bilingües y feeds RSS
Bot de Telegram que lee el plan semanal desde Google Sheets y publica al blog con un botón
Recordatorios automáticos que insisten hasta cargar el contenido pendiente
CRM y agenda de citas self-hosted en subdominios propios
Auditoría SEO técnica aplicada sobre el export completo del sitio
Panel de administración completo sobre una API headless. El frontend es Next.js 14 con App Router, componentes de servidor y route handlers, con interfaz en Tailwind CSS 4 y shadcn/ui; detrás, un backend Strapi consumido por REST. Pruebas unitarias y de componentes con Vitest y Testing Library, registro estructurado con pino y configuración por entorno sin un solo secreto en el repositorio: la disciplina puesta desde el primer commit, no añadida al final.
Next.js 14 con App Router, componentes de servidor y route handlers
Interfaz con Tailwind CSS 4 y shadcn/ui
Backend headless en Strapi consumido por REST
Pruebas unitarias y de componentes con Vitest y Testing Library
Registro estructurado con pino y configuración por entorno sin secretos en el repositorio
Repositorios
c4y_nextjs
c4y_strapi
car4you_frontend
Next.js 14
React 18
TypeScript
Tailwind CSS 4
Strapi
Vitest
pnpm
mikecolangelo.dev
Diseño y desarrollo
Ago 2026
Este mismo sitio, y a la vez una muestra de cómo trabajo. Astro estático con navegación tipo SPA por View Transitions, tema claro y oscuro en tres estados y la marca aplicada desde su manual, tipografía y paleta incluidas. Las capturas del portafolio se generan con Playwright desde los sitios en producción, la integración continua valida tipos, build y rutas, y el despliegue es un solo comando que verifica cada ruta después del rollout.
Build estático con navegación cliente por View Transitions
Tema claro y oscuro en tres estados, con la marca aplicada desde el manual
Capturas de proyectos automatizadas con Playwright y optimizadas a webp
Integración continua que valida tipos, build y rutas generadas
Despliegue en un comando, con verificación de todas las rutas tras el rollout