Digital platforms
Scalable products, portals and business systems built around real operational needs.
PRODUCT · UX · FRONTEND · BACKEND
Portfolio 2026 — Available for work
SoftwareDevelopment& Management Engineering
Capabilities
Solutions built around business.
I start with the problem, the process and the outcome the product must produce.
CMS & content systems
Editorial platforms that give teams control of content, media, SEO and publishing.
HEADLESS CMS · WORDPRESS · APIS
Automation & AI
Intelligent workflows, integrations and automation designed to reduce manual work.
AI · N8N · DATA · INTEGRATIONS
About Me
Technical Arsenal
I specialize in end-to-end web deployment, bridging the gap between Figma designs and robust technical execution. My workflow leverages process automation (n8n), API integrations, and modern Docker-based environments (Dokploy, Nixpacks) to drive scalability and efficiency.
Frontend Engineering
- WordPress & WooCommerce
- HTML5 & CSS3
- Performance Optimization
- Responsive & Cross-Browser
Visual Design
- Figma
- UX/UI Implementation
- Pixel-Perfect Layouts
- Elementor/Divi
Backend Systems
- Workflow Automation
- n8n & Webhooks
- API Integrations
- AI-assisted Optimization
Infrastructure & DevOps
- Dokploy
- Nixpacks
- Docker Deployments
- Maintenance & Security
Humberto / 2026[ Developer ]
Selected Work
Featured Projects
4 Works
[ Scroll to Navigate ]
012026
LUMINA DENTAL STUDIO
Lumina Dental Studio is a personal demo project built as a hybrid WordPress solution. It works as a boutique website for a dental clinic while also functioning as a multimodal AI platform orchestrated externally through n8n. The system allows users to generate landing pages from a React dashboard inside WordPress and create, edit, and publish blog articles through text messages or voice notes from Telegram. The architecture combines custom WordPress plugins, premium PHP templates, custom REST endpoints, Gutenberg HTML block generation, secure public previews, external n8n workflows, and a Telegram bot with interactive buttons for publishing or editing content.
TypeScriptTechnical SEOREST APIn8nGemini API
022026
NEOPROSPECTOR
NeoProspector is a personal demo project designed to automate B2B lead discovery, import, organization, and analysis. The platform allows users to search for businesses by niche and location, collect commercial data through Apify, import external lead databases from CSV files, store prospects in PostgreSQL, and review key metrics from a private dashboard.
TypeScriptDokployPrismaPostgreSQLNext.jsApifyData ProcessingREST API
032026
HIDROSCRAPPER
HidroScrapper is a personal demo project built as a B2B media analytics platform. It allows users to manage social media profiles, scrape posts from Instagram, Facebook, and TikTok through Apify, persist data in MongoDB, and generate engagement reports with real metrics. The platform includes a Next.js dashboard, an Express.js backend, MongoDB persistence, shared TypeScript types, scraping jobs, report history, consolidated metrics, PDF exports, and configurable Apify and LLM settings.
ExpressDokployGemini APIREST APINext.jsReactTypeScriptNode.jsPostgreSQLApify
042026
DIABOLICAL SERVICES
Diabolical Services is a personal brand project built as a high-conversion B2B landing page for AI automation and digital services. The project combines a React + Vite frontend with a custom Express production server called Monster_SEO. This server injects dynamic meta tags, Open Graph data, Twitter Cards, JSON-LD structured data, Google Tag Manager, analytics scripts, robots.txt, and sitemap.xml before serving the HTML. The platform also includes an internal admin panel for managing SEO, analytics, social branding, technical metadata, and tracking configuration without redeploying the site. Lead capture is connected to n8n through webhooks and WhatsApp deep links, allowing form and chatbot submissions to move directly into an automated contact workflow.
Next.jsReactNode.jsTypeScriptTechnical SEO
012026
LUMINA DENTAL STUDIO
Lumina Dental Studio is a personal demo project built as a hybrid WordPress solution. It works as a boutique website for a dental clinic while also functioning as a multimodal AI platform orchestrated externally through n8n. The system allows users to generate landing pages from a React dashboard inside WordPress and create, edit, and publish blog articles through text messages or voice notes from Telegram. The architecture combines custom WordPress plugins, premium PHP templates, custom REST endpoints, Gutenberg HTML block generation, secure public previews, external n8n workflows, and a Telegram bot with interactive buttons for publishing or editing content.
TypeScriptTechnical SEOREST APIn8nGemini API
022026
NEOPROSPECTOR
NeoProspector is a personal demo project designed to automate B2B lead discovery, import, organization, and analysis. The platform allows users to search for businesses by niche and location, collect commercial data through Apify, import external lead databases from CSV files, store prospects in PostgreSQL, and review key metrics from a private dashboard.
TypeScriptDokployPrismaPostgreSQLNext.jsApifyData ProcessingREST API
032026
HIDROSCRAPPER
HidroScrapper is a personal demo project built as a B2B media analytics platform. It allows users to manage social media profiles, scrape posts from Instagram, Facebook, and TikTok through Apify, persist data in MongoDB, and generate engagement reports with real metrics. The platform includes a Next.js dashboard, an Express.js backend, MongoDB persistence, shared TypeScript types, scraping jobs, report history, consolidated metrics, PDF exports, and configurable Apify and LLM settings.
ExpressDokployGemini APIREST APINext.jsReactTypeScriptNode.jsPostgreSQLApify
042026
DIABOLICAL SERVICES
Diabolical Services is a personal brand project built as a high-conversion B2B landing page for AI automation and digital services. The project combines a React + Vite frontend with a custom Express production server called Monster_SEO. This server injects dynamic meta tags, Open Graph data, Twitter Cards, JSON-LD structured data, Google Tag Manager, analytics scripts, robots.txt, and sitemap.xml before serving the HTML. The platform also includes an internal admin panel for managing SEO, analytics, social branding, technical metadata, and tracking configuration without redeploying the site. Lead capture is connected to n8n through webhooks and WhatsApp deep links, allowing form and chatbot submissions to move directly into an automated contact workflow.
Next.jsReactNode.jsTypeScriptTechnical SEO
012026
LUMINA DENTAL STUDIO
Lumina Dental Studio is a personal demo project built as a hybrid WordPress solution. It works as a boutique website for a dental clinic while also functioning as a multimodal AI platform orchestrated externally through n8n. The system allows users to generate landing pages from a React dashboard inside WordPress and create, edit, and publish blog articles through text messages or voice notes from Telegram. The architecture combines custom WordPress plugins, premium PHP templates, custom REST endpoints, Gutenberg HTML block generation, secure public previews, external n8n workflows, and a Telegram bot with interactive buttons for publishing or editing content.
TypeScriptTechnical SEOREST APIn8nGemini API
022026
NEOPROSPECTOR
NeoProspector is a personal demo project designed to automate B2B lead discovery, import, organization, and analysis. The platform allows users to search for businesses by niche and location, collect commercial data through Apify, import external lead databases from CSV files, store prospects in PostgreSQL, and review key metrics from a private dashboard.
TypeScriptDokployPrismaPostgreSQLNext.jsApifyData ProcessingREST API
032026
HIDROSCRAPPER
HidroScrapper is a personal demo project built as a B2B media analytics platform. It allows users to manage social media profiles, scrape posts from Instagram, Facebook, and TikTok through Apify, persist data in MongoDB, and generate engagement reports with real metrics. The platform includes a Next.js dashboard, an Express.js backend, MongoDB persistence, shared TypeScript types, scraping jobs, report history, consolidated metrics, PDF exports, and configurable Apify and LLM settings.
ExpressDokployGemini APIREST APINext.jsReactTypeScriptNode.jsPostgreSQLApify
042026
DIABOLICAL SERVICES
Diabolical Services is a personal brand project built as a high-conversion B2B landing page for AI automation and digital services. The project combines a React + Vite frontend with a custom Express production server called Monster_SEO. This server injects dynamic meta tags, Open Graph data, Twitter Cards, JSON-LD structured data, Google Tag Manager, analytics scripts, robots.txt, and sitemap.xml before serving the HTML. The platform also includes an internal admin panel for managing SEO, analytics, social branding, technical metadata, and tracking configuration without redeploying the site. Lead capture is connected to n8n through webhooks and WhatsApp deep links, allowing form and chatbot submissions to move directly into an automated contact workflow.
Next.jsReactNode.jsTypeScriptTechnical SEO
Swipe to navigate →
Experience
Professional Experience
Timeframe
Company
Role & Impact
2025 - Present
Reputation Defense Network
Web Designer & WordPress Developer
Led end-to-end development of high-performance WordPress sites from Figma prototypes. Solved performance bottlenecks by optimizing load speeds and stability.
2023 - 2024
Agency4RealEstate
WordPress Developer
Architected real estate platforms and customized complex WooCommerce stores. Solved major UX friction by optimizing Core Web Vitals.
2022 - 2023
Bloom / DUDE Agency
WordPress Developer
Engineered responsive web solutions across CMS platforms including WordPress, Duda, and HubSpot.