No mockups. Everything here is deployed, in use, and maintained by me.
Fix Home 360
Architecture, development and infrastructure
Jul 2026 – present
A complete platform for a solar, roofing and water company in Puerto Rico. Not a website with add-ons: seven repositories in production, from the backend and the distributor network to the corporate mail server, all on self-hosted infrastructure.
Node 20 and TypeScript backend with Express 5, Drizzle ORM and PostgreSQL 16, validated with Zod
Distributor network with a unilevel structure built on Laravel 12
Self-hosted mail server with Stalwart and Bulwark webmail, relaying outbound through AWS SES
Two calculators on their own domains: a public one for clients and an internal one for consultants
Accounting and the roofing line as independent applications in the same ecosystem
What the platform includes
Shared platform
Backend service with authentication, quote persistence and a role-based admin panel.
Distributor network
Unilevel structure and compensation plan calculation, built on Laravel 12.
Odoo module development and multi-company architecture
Jan 2026 – present
In collaboration withDartec Consulting
Smart commerce for the open shopping areas of the Canary Islands, built on Odoo. Not just a directory: there is a shop, fairs and markets, a community area and several district portals living in a single installation, each with its own domain and isolated data.
Online shop and public directory with visual cards and filters by zone and category
A portal per shopping area: Guanarteme, Tamaraceite and Lomo Los Frailes
Seven published languages: Spanish, English, French, German, Italian, Polish and Portuguese
Fairs and markets and community sections for the member shops
Strict data isolation between companies, with its own security rules
European Union emblem integrated as a dedicated site module
What the platform includes
Web directory
Public routes with listing, filtering by zone and category, and hand-off to the microsites.
Multi-company isolation
Real data separation between companies inside a single instance.
Domain manager
A dedicated domain per company on the same installation.
Corporate theme
Multi-company theme with per-company visual identity.
Zones and categories
Classification by geography and by type of business.
Importers
Bulk loading of companies and product catalogues.
European Union emblem
Module that publishes the emblem in the site header, meeting the visibility duty.
A bilingual corporate site for a solar, roofing and water company in Puerto Rico, plus the system that keeps it alive. Not just the website: a Telegram bot reads the weekly plan from Google Sheets, proposes the content, publishes it to the blog with one button and keeps reminding when it is missing. Around it, a self-hosted CRM and booking calendar on their own subdomains, and a technical SEO audit applied over the full site.
Static Astro site with a bilingual blog and vlog and RSS feeds
Telegram bot that reads the weekly plan from Google Sheets and publishes to the blog with one button
Automatic reminders that keep pushing until the pending content is loaded
Self-hosted CRM and booking calendar on dedicated subdomains
Technical SEO audit applied over the full site export
A complete admin panel on top of a headless API. The frontend is Next.js 14 with the App Router, server components and route handlers, with an interface built on Tailwind CSS 4 and shadcn/ui; behind it, a Strapi backend consumed over REST. Unit and component tests with Vitest and Testing Library, structured logging with pino and per-environment configuration with not a single secret in the repository: discipline applied from the first commit, not bolted on at the end.
Next.js 14 with the App Router, server components and route handlers
Interface built with Tailwind CSS 4 and shadcn/ui
Headless Strapi backend consumed over REST
Unit and component tests with Vitest and Testing Library
Structured logging with pino and per-environment config with no secrets in the repository
Repositories
c4y_nextjs
c4y_strapi
car4you_frontend
Next.js 14
React 18
TypeScript
Tailwind CSS 4
Strapi
Vitest
pnpm
mikecolangelo.dev
Design and development
Ago 2026
This very site, and at the same time a sample of how I work. Static Astro with SPA-style navigation through View Transitions, three-state light and dark theming and the brand applied from its manual, typography and palette included. Portfolio screenshots are generated with Playwright from the live sites, continuous integration validates types, build and routes, and deployment is a single command that verifies every route after the rollout.
Static build with client-side navigation through View Transitions
Three-state light and dark theming, with the brand applied from the manual
Project screenshots automated with Playwright and optimised to webp
Continuous integration validating types, build and generated routes
One-command deployment that verifies every route after the rollout
