High-performance RAG-based AI customer support agent using Gemini and Supabase Vector DB.
ReactTypeScriptGemini APISupabaseTailwind CSS
Featured Projects
A curated selection of recent engineering works, ranging from interactive web apps to semantic AI integrations.
Premium design library focusing on material glassmorphism, responsive utilities, and fluid WebGL physics.
AstroTailwind CSSReactFramer Motion
Real-time metric monitoring dashboard featuring live-streamed server charts, heatmaps, and anomalies detection.
Next.jsNode.jsChart.jsRedisTypeScript
Skills & Expertise
A comprehensive matrix of technical capabilities, spanning user interfaces, backend operations, database layers, and AI engineering.
Frontend
AstroReact / Next.jsTypeScriptTailwind CSSHTML5/CSS3/JS
Backend
Node.js / ExpressGraphQL / GROQFastAPI / Python
Database
PostgreSQLSupabase / FirebaseMongoDB
DevOps
DockerCI/CD (GitHub Actions)Vercel / Netlify / AWS
AI/ML
Gemini API / LLMsPrompt EngineeringLangChain / RAG
About & Experience
A background on my professional journey, education, and career milestones.
Biography
I am a senior full-stack developer who enjoys building fluid, responsive user interfaces and robust scalable backend APIs. Over the years, I've worked across different tech stacks, prioritizing performance, clean architectures, and modern engineering standards.
Currently, I'm specializing in Astro, Next.js, and integrating large language models (LLMs) to create interactive agentic experiences.
LocationManila, Philippines
Work History
Lead Full-Stack Developer
Stellar AI Solutions
- Architected responsive Next.js/Astro enterprise interfaces utilizing custom Tailwind utility structures.
- Engineered automated semantic data pipelines incorporating LLMs for automated CMS content tagging.
- Improved mobile web load performance (LCP) by 45% through aggressive bundle-shaking and client-side hydration gating.
AstroReactNode.jsGemini APITailwind CSS
Senior Frontend Engineer
NovaTech Labs
- Designed and maintained custom component libraries based on Glassmorphic and Material Design principles.
- Spearheaded SEO and WCAG accessibility audits, resulting in standard-compliant (AA contrast) interfaces and 95+ score audits.
- Configured automatic Vercel preview deployment pipelines with automated Playwright visual testing.
ReactTypeScriptTailwind CSSAstroPlaywright
Client Testimonials
Kind words and feedback from past team members, managers, and partners.
"Cris delivered a phenomenal, highly polished product. The glassmorphic design and the AI chatbot integration completely elevated our client onboarding portal."
D
Dr. Elena Vance
Director of Product at Black Mesa Systems
"The NFC portfolio links page is incredibly fast and intuitive. Our team easily shares cards with a single tap, which immediately loads Cris's gorgeous portfolio page."
B
Barney Calhoun
Operations Manager at SecurTech
Get in Touch
Have an interesting project or a position? Feel free to reach out and drop a message below.
