My Projects

Dormitory Management Portal Main

Dormitory Management Portal (DormSystem)

A centralized portal where tenants can view their room details, submit online payment requests (GCash, Maya, Card & more), and track receipts — while landlords manage rooms, tenant records, and generate official receipts from a single dashboard. Features real-time room availability tracking, online payment requests, instant receipt generation, and tenant database & contract management. View live site.

Visit Site
LITSAttend Main

LITSAttend

A simple but efficient attendance system with Firebase database, QR code-based scanning, and downloadable Excel reports. Open for everyone. View live site.

Visit Site
LITS Main

IT Student Organization (LITS)

A modern website for the Letran Information Technology Society, empowering students through leadership, innovation, and service. Features event highlights, outreach, and academic support. View live site.

Visit Site
PARSG Main

Philippine Animal Rescue Support Group (PARSG)

A compassionate platform for animal rescue, rehabilitation, and rehoming. Showcases rescued animals, volunteer heroes, and ways to get involved. View live site.

Visit Site
Keto Main

Keto Diet Packed Lunches

A vibrant site for healthy, delicious, and convenient keto meal plans. Features meal options, ordering, and FAQs for a nutritious lifestyle. View live site.

Visit Site
eXYllent Learning Studio Main

eXYllent Learning Studio

A comprehensive educational platform designed to provide quality learning experiences and resources. Features interactive courses, learning materials, and student progress tracking. View live site.

Visit Site
eXYllent Flow Main

eXYllent Flow

A streamlined workflow and clearance monitoring interface designed to keep academic and organizational processes transparent, trackable, and stress-free. eXYllent Flow highlights each stage of the clearance journey in a clean, visual way so students, officers, and administrators can quickly see what’s done, what’s pending, and what needs attention next. View live prototype.

View Prototype
eXYllent Resume AI Main

eXYllent Resume AI

An AI-powered ATS resume optimizer that scans your resume against any job description, calculates a match score, highlights missing keywords, detects weak verbs, checks for quantified achievements, and generates personalized rewrite suggestions — all running 100% in your browser with zero data tracking. Built to help Filipino jobseekers beat automated screening on platforms like LinkedIn and JobStreet. Open the live tool.

Open Live Tool
PesoTrack Main

PesoTrack — Personal Finance Dashboard

A modern personal finance tracker designed for Filipino users. Logs income and expenses across 17 categories, tracks savings goals with visual progress bars, and renders three live charts (category doughnut, 6-month trend line, daily-spend bars) powered by Chart.js. Includes CSV import compatible with GCash and Maya export formats, plus an AI-style "Where did my money go?" insight engine that analyzes savings rate, subscription bloat, top categories, and income diversification. Open the live tool.

Open Live Tool
MediCare Clinic Main

MediCare — Clinic Management System

A full clinic management platform with role-based access for Doctors, Receptionists, and Admins. Features a unified dashboard with KPIs and live queue, full patient CRUD with profile view (appointments, prescriptions, invoices in one screen), appointment booking with status cycling (scheduled → in-queue → completed), prescription writer with multi-medication support, invoice generator with paid/pending tracking, and an analytics page with 4 Chart.js visualizations (visit trends, monthly revenue, top diagnoses, patient demographics). 24 demo patients pre-seeded. Open the live system.

Open Live System
eXYllent ShopHub Main

eXYllent ShopHub

A full e-commerce storefront with 26 demo products across 6 categories. Features live search, category filter chips, multi-criteria sorting, product detail modal with reviews and stock indicators, slide-in cart drawer with quantity controls, wishlist with heart icons, multi-step checkout with 4 payment methods (GCash, Maya, Card, COD), order placement with auto-generated order numbers, and a "My Orders" history view. Sale badges, "only X left" stock warnings, and free shipping over ₱1,500 — all persisted in localStorage. Open the live store.

Open Live Store
SecureScan Main

SecureScan — Threat Monitoring Dashboard

A SOC-style (Security Operations Center) cybersecurity dashboard simulating real-time threat monitoring. Features a live threat feed that auto-streams new attacks every few seconds, IP watchlist with threat scoring and block/unblock actions, an interactive vulnerability scanner that animates a multi-stage scan and generates findings with CVE-style severity ratings and remediation recommendations, an incident timeline with severity-colored markers, and 4 Chart.js visualizations (7-day threats trend, attack types breakdown, geographic origin polar chart, security score over time). Live clock, threat-level indicator, and pause-feed control included. Open the live dashboard.

Open Live Dashboard
ChatBot Studio Main

eXYllent ChatBot Studio

A full no-code chatbot builder where small businesses train an AI assistant on their FAQs, then embed it anywhere. Features 8 distinct sections: dashboard with KPIs, knowledge base CRUD with industry templates (Cafe, E-commerce, Clinic, SaaS, Restaurant), bot designer with avatar/tone/color customization and live preview, an actual working chat with keyword-based intent matching, lead capture flow (name → email → phone with validation), conversation logs, lead manager with CSV export, analytics with 4 Chart.js charts, and an embed code generator with snippets for HTML/React/WordPress/Messenger. The chat shows a "Bot Brain" panel revealing match scores and intent detection in real time. Open the studio.

Open the Studio
TaskFlow Main

TaskFlow — Real-time Kanban Board

A collaborative project management board with full HTML5 drag-and-drop between columns, multiple boards with starter templates (Empty, Basic, Agile, Bug Tracker), 4 view modes (Board, List, Calendar, Activity Feed), task detail modal with editable checklists, threaded comments, multi-assignee picker, 7 colored labels, and 4 priority levels. Simulated real-time collaboration shows teammates "typing", "moving cards", "commenting" via a live strip and activity feed. Search and filter by priority/assignee/label across all views. Includes invite-link generator with email send. Open the live board.

Open Live Board
EduConnect Main

EduConnect — Learning Management System

A full LMS with student and teacher roles. Students get an animated dashboard with streak counter, 5 demo courses with progress tracking, lesson viewer with mock video player and "mark complete" tracking, quizzes featuring real anti-cheat (randomized question + choice order, tab-switch detection that triggers warnings, auto-submit after 3 warnings, countdown timer with color-coded urgency), animated results screen with grade ring and per-question review, assignment submission with grade simulation, gradebook with A-F letter grades, and a per-course discussion forum. Teachers get an extra Analytics page with 4 Chart.js visualizations (class performance trend, grade distribution, topic mastery radar, engagement). Open the LMS.

Open the LMS
CryptoPulse Main

CryptoPulse — Live Market Dashboard

A real-time cryptocurrency dashboard tracking 20 top coins with simulated live price updates every 4 seconds. Features an animated scrolling ticker strip, market overview with Fear & Greed gauge (animated SVG needle), top gainers/losers, full coin table with custom-drawn sparkline charts per row, watchlist with star-toggling, portfolio P&L tracking with auto-calculated gains/losses, price alerts with above/below triggers and notification preferences (in-app, email, SMS), and a Sentiment page with social sentiment doughnut chart and bullish/bearish/neutral news feed. USD/PHP currency toggle. Includes 6 navigable pages and persists everything to localStorage. Open the dashboard.

Open Dashboard
eXYllent Booking Hub Main

eXYllent Booking Hub

A two-sided appointment booking marketplace with separate client and business-owner experiences. Clients browse 8 demo businesses across 6 categories (salons, dental, fitness, tutoring, consulting, wellness), filter and search, favorite their go-to spots, and complete a 4-step booking flow with date picker, time slot selection (with already-booked slots disabled), 4 payment methods (GCash/Maya/Card/Cash), and an animated success screen. Business owners get a separate dashboard with KPIs, today's schedule, live peak-hours bars, a full bookings table with status cycling, a monthly calendar view, services CRUD, 4 Chart.js analytics (30-day revenue line, peak-hour heatmap with intensity colors, top services horizontal bar, booking-status doughnut), and 6 integration cards (Google Calendar, WhatsApp, SMS, GCash, Maya, Zoom). Open the platform.

Open Platform

💼 What I Can Offer

🎨 UI/UX Design

  • Interactive prototyping and high-fidelity wireframing using Figma.
  • Mobile-first design approach for responsive web and app interfaces.
  • User flow strategy to optimize navigation and user experience.
  • Developer-ready assets and design handoffs.

🧩 Virtual Assistance

  • Niche: Technical & Admin Support
  • High-volume data entry with verified 99.5% accuracy (150+ records/day).
  • Tier 1 IT Support (troubleshooting hardware, networks, and software).
  • Managing sensitive databases and client CRM systems securely.
  • General admin: calendar management, email handling, and research.

🧱 Full-Stack Web Development

  • Building custom web applications using React.js, Node.js, and Python.
  • Developing secure business systems (dashboards, inventory, attendance).
  • Implementing Cyber Threat Monitoring and security best practices.
  • Website maintenance, API integration, and performance optimization.

💰 What Are My Rates

$3 - $5 USD per hour
Competitive and budget-friendly rate for quality remote assistance.

🛠️ What Type of Work

  • Preferred: Remote / Part-time
  • Open to: On-site work or relocation if needed
  • Also available for freelance or project-based engagements