Sta. Rosa, Laguna, Philippines
01 / Work / Architecture
ProblemSystemArchitectureResult
Client work, internal tools, working demos, and independent concepts. Each case study states the problem, what was built, why it was designed that way, and what shipped. Labels keep the distinctions honest.
Client work
Built and maintained the company WordPress site: 27 long-form SEO articles, service pages, and a local SEO silo targeting Placer County cities. WCAG 2.1 AA compliance implemented with Equalize Digital Accessibility Checker and PHP code snippets.
Portfolio demo
Medical courier and logistics platform demo: marketing site, quote flow, full admin dashboard, and a Capacitor driver mobile app.
Redesign concept
Full website redesign concept for a historic hotel: an animated React marketing site with booking-focused UX.
Spec website redesign concept built for a California security firm as a cold-outreach pitch.
Client workBakery website with an AI-generated recipe pipeline via OpenRouter and Appwrite.
AI chatbot for the Spade site, built on the WordPress REST API with an NVIDIA-hosted MiniMax model. Full markdown rendering in replies and session memory across a conversation.
Client workLearning management system with video progress tracking, quizzes, and certificate generation. React and TypeScript frontend on Hostinger; Express and PostgreSQL backend on Railway.
Independent pluginWordPress SEO plugin (v1.0.5) with a PipeFlow auto-fill engine. A SaaS version at rankking.io is planned.
Client workRaffle system on React and Firebase, migrated from Hostinger to Vercel.
Internal blog publisher and social media automation tool. Next.js and Node.js with MongoDB, deployed on Railway.
Internal toolMessage center automation with n8n email threading. Express and TypeScript on PostgreSQL.
Client workMembership and accreditation platform on React and Firebase, with PayCools payment integration.
Role-based student information system and school marketing website, built as a portfolio demo.
Personal projectThis site: an Eleventy content layer over a FastAPI and PostgreSQL engine. Vector examines websites with seven analyzers, Signal monitors targets on a schedule, Forge runs client and server tools, and the intake form posts to the same API.
Have a project in mind?
Vector reads the document structure and returns scores, issues, and a prescription. For the full page, open the Vector dimension.
Scanning endpoints. Mapping workflows.
