I am a Full-Stack Web Developer, UI/UX Designer, and QA Specialist focused on architecting scalable web applications, designing high-fidelity dark-themed user interfaces, and ensuring structural system integrity.

As a BSIT graduate from Holy Angel University specializing in Web Development, I bridge the gap between clean engineering and intuitive design. My approach combines frontend precision, elegant minimalism, and comprehensive quality assurance to transform complex ideas into reliable, production-ready digital experiences.

• Full-Stack Engineering: Writing clean, maintainable code to build robust and scalable web applications.
• UI/UX Architecture: Designing high-fidelity, user-centered interfaces with a strong focus on dark-themed aesthetics and seamless interactions.
• Quality Assurance: Ensuring software reliability and structural integrity through rigorous, comprehensive testing.

When the IDE closes, I pivot to creative world-building and competitive analysis:

• 🎨 Art & Narrative: Crafting traditional and digital illustrations, and writing creative fiction/novels.
• 📚 Media & Culture: Immersing myself in manga narratives, anime series, and music.
• 🎮 Gaming: Testing mechanics and strategy in competitive online gaming.

A specialized social platform engineered for digital artists, focusing on the chronological evolution and timeline history of artwork.

• Tech Used: Vite, React, Supabase, Tailwind CSS, GSAP Animations
• Key Features:
  • Chronological artwork timeline tracking and historic revision rendering.
  • Deeply optimized dark-mode UI customized for visual media display.
  • Real-time image asset delivery and database persistence state synchronization.

A smart, budget-conscious full-stack web application designed to help users manage meal planning and calculate optimal recipe costs efficiently.

• Tech Used: MongoDB, Express.js, React, Node.js (MERN), Tailwind CSS
• Key Features:
  • Dynamic recipe costing calculation engines interacting seamlessly via RESTful API endpoints.
  • Flexible, non-relational document indexing schema built to handle dynamic recipe variations and component arrays.
  • High-performance single-page application layout for seamless state tracking and budget manipulation.

A security-focused developer utility built for managing, isolating, and securely handling project environment variables.

• Tech Used: React, Node.js, Tailwind CSS
• Key Features:
  • Clean, interactive data dashboard for organizing sensitive key-value pairs.
  • Localized project configuration profile grouping.
  • High-fidelity, minimal interface built to align seamlessly with developer workflows.

Dive into my source code to see how I build, design, and optimize web applications. My Repositories

• Full-Stack Developer & UI/UX Design Roles
• React / Node.js / Supabase / PHP MVC / MongoDB Web Development
• QA Engineering & comprehensive system testing cycles
• WordPress custom development & CMS orchestration
• Freelance Figma design systems, application architecture, and video editing/motion design contracts

"Hindi pa huli ang lahat."

*It is never too late."

I believe it is never too late to pivot, refactor, or begin with a clean slate. Building for the web is a continuous process of trial and iteration; you can start over again and again until you discover the exact right mix of flawless logic, intuitive user experience, and structural stability.

🚀 System.out.println("Thanks for stopping by!");
Let's build something impactful together.