// Portfolio 
About Me
A little bit about who I am.
A BSIT graduate with a distinctive combination of full-stack development expertise (Django, React, database layer) and hands-on IT infrastructure skills including Cisco networking, hardware setup, and virtualization. I install, configure, and troubleshoot operating systems, perform network tasks, and apply cybersecurity principles to protect data and user access.
Experienced in prioritization, documentation, and user support. I handle stakeholder communication, risk assessment, and process optimization in dynamic environments, bringing both engineering discipline and structured thinking to every project.
Quick Facts
// Expertise
Tools & Technologies
A curated set of languages, frameworks, and platforms I work with daily to bring ideas from concept to production.
- 01 Programming & Data 09
- 02 Web & Software 30
- 03 Tools & AI 30
- 04 Databases 07
- 05 Systems & Networking 07
- 06 Creative & Docs 08
Programming & Data
Python SQL 
TypeScript Data Processing Data Cleaning Structured Analysis ReportLab Pillow beautifulsoup4 Web & Software
HTML5 
CSS3 
React JS Next.js React Native 
Django 
Astro 
Tailwind CSS 
Cloudinary NextAuth v5 
Radix UI Lucide 
TanStack Query 5 
React Hook Form 7 
Zod 4 Recharts 3 date-fns 4 Sonner 2 
Expo React Navigation NativeWind Zustand RN Paper Victory Native Ky expo-secure-store expo-notifications Flowbite requests django-tailwind Tools & AI
Git 
GitHub 
VS Code 
ClickUp 
ChatGPT 
Grok Groq 
Copilot 
Claude Claude Code 
Google Apps Script 
n8n 
Google Search Console 
Ahrefs 
PageSpeed Insights 
Lighthouse 
Antigravity 
Cloudflare 
ESLint 9 
Prettier 
Vitest Testing Library Playwright 
Jest 
PostCSS 
npm openpyxl python-decouple Databases
MongoDB 
PostgreSQL 
Supabase 
Convex 
Neon Database 
Turso 
Prisma 7 
SQLite Systems & Networking
VirtualBox LAN Setup Cybersecurity Cryptography Creative & Docs
Figma 
SketchUp 
Canva 
Lucidchart 
CapCut 
Audacity Tech Documentation QR Code Projects & Work
Featured Creations
A selection of projects that showcase my skills across full-stack development, UI/UX design, and systems engineering.
- 01
Faith 'N Action Web Application
● Full Stack(For a Client) Led development of an advanced web application with Event Management System, Online Organization Forum, and Blockchain-integrated Donation Portal. Secure member database through Django stack.
- 02
Police Criminal Records Management System
● Full Stack(For a Client) Digitized case and individual records, replacing manual data management and improving retrieval efficiency through a secured Django-based system.
Live Preview not available (RA 10173) - 03
Police Data Encoder System
● Full Stack(For a Client) A web-based data encoding system built with Python Flask for administrative records processing. Reduces manual processing time through workflow automation with template-driven document generation.
Live Preview not available (RA 10173) - 04
VIEVE HD Makeup Studio and Salon Website
● Full Stack(For a Client) A premium salon and makeup studio website built with Next.js and Tailwind CSS, featuring a luxurious brand showcase, service catalog, online booking integration, and CI/CD deployment pipeline.
- 05
AreYouSure — Chrome Extension
● Full StackChrome extension that prevents accidental loss of work by adding confirm-on-close/navigation prompts, configurable options, and resilient state storage.
- 06
CampBook
● Full Stack(For a Client) A full-stack campsite reservation management system built with Next.js 14 and Supabase. Features a monochromatic admin dashboard for rooms, bookings, payments, and occupancy, designed for solo campsite operators to streamline the entire reservation workflow.
- 07
ApplyTayo
● Full StackA local-first job-search assistant that collects listings from 8 automated sources (OnlineJobs.ph, Greenhouse, Arbeitnow, Indeed PH, RemoteOK, Remotive, Jobicy, Himalayas), ranks them against your resume with a transparent scoring engine, generates tailored cover letters, and tracks applications. Automated via n8n workflows on a self-hosted Render instance. Built with Next.js 16, Prisma 7, Turso, and deployed on Vercel.
- 08
Automated Arduino pH Monitor & LCD Display
● IoT / HardwareAn automated hardware prototype that measures the pH level of drinking water using an Arduino Uno and composite pH probe. The system evaluates whether a liquid is acidic, neutral, or alkaline, displaying real-time values on an LCD, replacing manual paper-based testing with a reliable digital solution for environmental monitoring and quality control.
- 09
Aurelian
● FrontendA premium brand website for a strategic advisory & private capital firm, designed with a leather-bound ledger layout, letterpress wordmark, and sophisticated editorial typography.
- 10
Maison Élevé
● FrontendAn invitation-only luxury travel & private members club website, featuring a passport-inspired cross-dissolve layout with scroll-driven destination reveals and tiered membership showcase.
- 11
Noir Avenier
● FrontendAn exclusive haute couture fashion house website using an asymmetric editorial broken-grid layout, scroll-snap collections, and a B&W runway hero with immersive visual storytelling.
- 12
Vespera Atelier
● FrontendA couture bridal atelier website with a horizontal procession layout — each section is a room in the atelier, translating vertical scroll into a sideways walk through the brand experience.
- 13
Aurifex
● FrontendA luxury fine jewelry maison website with a full-bleed editorial carousel, scroll-snap vitrines, and a gold-on-obsidian aesthetic — optimized to 81 Lighthouse mobile with AVIF delivery.
- 14
Sillage
● FrontendA fragrance house landing page — dark, smoky, editorial. Extrait de parfum concept with a ritual scroll experience, built with Lovable.
- 15
HYDRA
● FrontendA premium hydration vessel landing page with a real-time 3D bottle model, GSAP scroll choreography, bloom particles, and a cinematic dark atmosphere.
- 16
EIRENEOPS
● FrontendA dark, glassmorphic single-page executive operations platform — "The Executive Operations Platform." A unified command center showcasing six composed modules: Global Overview Dashboard, Operations Inbox, Media Vault, Calendar & Foundation Matrix, Intelligence & Research Hub, and AI Notetaker.
Faith 'N Action Web Application
(For a Client) Led development of an advanced web application with Event Management System, Online Organization Forum, and Blockchain-integrated Donation Portal. Secure member database through Django stack.
Police Criminal Records Management System
(For a Client) Digitized case and individual records, replacing manual data management and improving retrieval efficiency through a secured Django-based system.
Police Data Encoder System
(For a Client) A web-based data encoding system built with Python Flask for administrative records processing. Reduces manual processing time through workflow automation with template-driven document generation.
VIEVE HD Makeup Studio and Salon Website
(For a Client) A premium salon and makeup studio website built with Next.js and Tailwind CSS, featuring a luxurious brand showcase, service catalog, online booking integration, and CI/CD deployment pipeline.
AreYouSure — Chrome Extension
Chrome extension that prevents accidental loss of work by adding confirm-on-close/navigation prompts, configurable options, and resilient state storage.
CampBook
(For a Client) A full-stack campsite reservation management system built with Next.js 14 and Supabase. Features a monochromatic admin dashboard for rooms, bookings, payments, and occupancy, designed for solo campsite operators to streamline the entire reservation workflow.
ApplyTayo
A local-first job-search assistant that collects listings from 8 automated sources, ranks them with a transparent scoring engine, generates tailored cover letters, and tracks applications. Automated via n8n workflows. Built with Next.js 16, Prisma 7, and Turso.
Automated Arduino pH Monitor Automated Arduino pH Monitor & LCD Display
An automated hardware prototype that measures the pH level of drinking water using an Arduino Uno and composite pH probe. The system evaluates whether a liquid is acidic, neutral, or alkaline, displaying real-time values on an LCD, replacing manual paper-based testing with a reliable digital solution for environmental monitoring and quality control.
Coming Soon — Mobile App
Work in progress — building a cross-platform mobile app with Expo & React Native
Coming Soon
Work in progress — currently building with this stack
Aurelian
A premium brand website for a strategic advisory & private capital firm, designed with a leather-bound ledger layout, letterpress wordmark, and sophisticated editorial typography.
Maison Élevé
An invitation-only luxury travel & private members club website, featuring a passport-inspired cross-dissolve layout with scroll-driven destination reveals and tiered membership showcase.
Noir Avenier
An exclusive haute couture fashion house website using an asymmetric editorial broken-grid layout, scroll-snap collections, and a B&W runway hero with immersive visual storytelling.
Vespera Atelier
A couture bridal atelier website with a horizontal procession layout — each section is a room in the atelier, translating vertical scroll into a sideways walk through the brand experience.
Aurifex
A luxury fine jewelry maison website with a full-bleed editorial carousel, scroll-snap vitrines, and a gold-on-obsidian aesthetic — optimized to 81 Lighthouse mobile with AVIF delivery.
Sillage
A fragrance house landing page — dark, smoky, editorial. Extrait de parfum concept with a ritual scroll experience, built with Lovable.
HYDRA
A premium hydration vessel landing page with a real-time 3D bottle model, GSAP scroll choreography, bloom particles, and a cinematic dark atmosphere.
EIRENEOPS
A dark, glassmorphic single-page executive operations platform — "The Executive Operations Platform." A unified command center showcasing six composed modules: Global Overview Dashboard, Operations Inbox, Media Vault, Calendar & Foundation Matrix, Intelligence & Research Hub, and AI Notetaker.
Career Timeline
Experience & Background
A timeline of roles, projects, and milestones that have shaped my journey as a developer and designer.
Looking for more IT Career Opportunities
BS Information Technology Graduate
IT Intern (OJT)
Civil Service Professional Passer
Get in Touch
Let's Connect
Have a project in mind or just want to say hello? Drop me a message, and I'll get back to you.