Home Projects Articles Research Certifications Contact

Top Live Projects

Automated Teaching Load Assignment System

Primary Featured · Thesis Proposal Prototype

Automated Teaching Load Assignment System

An automated decision-support system that uses an optimization algorithm to streamline and balance faculty teaching load assignments for department chairpersons at Palawan State University's College of Sciences. Backend only runs locally.

HTML CSS JavaScript Python
IARMS

01 · Thesis Proposal Prototype

Intelligent Academic Resource Management System

AI-powered academic resource platform for PSU's BSIT students. Generates summaries, flashcards, quizzes, glossary, and key concepts from uploaded documents. Backend runs Ollama (Llama3) locally; GPT-5 Mini API planned for production.

Python FastAPI Ollama LLM JavaScript Thesis
Portfolio Website

02 · Live Project

Portfolio Website

A full-stack site featuring a custom AI chatbot with serverless LLM integration via Cloudflare Worker, plus an embedded Python IDE for live code execution. Security-audited and hardened with XSS-safe markdown rendering, prompt-leak detection, and Cloudflare KV rate limiting.

HTML CSS JavaScript AI Integration Security
NeuralGrid Handwriting Recognition

03 · Live Project

NeuralGrid

A fully browser-based handwritten digit recognizer powered by Mercury 0.1, a neural network trained from scratch using vanilla JavaScript. Features a live pseudo-3D visualization of every activation as predictions happen, plus an isolated sandbox for training your own model.

HTML CSS JavaScript Neural Network Canvas API
PinnedPicks

04 · Live Business

PinnedPicks Affiliate Platform

Independently owned affiliate e-commerce platform curating picks across Shopee, Amazon, and SHEIN. Built from scratch on GitHub Pages. Traffic driven through a Pinterest-based social content strategy.

E-Commerce Affiliate Web Design Social Strategy
Rise From Nothing

05 · Early Development

Rise From Nothing

A cross-platform incremental life simulation game built with HTML5, CSS, JavaScript, and Three.js, featuring a 3D world, NPC AI, passive economy systems, persistent progression, and native Android APK support alongside web deployment. Currently in active development.

Three.js JavaScript Game Dev Simulation
PostgreSQL CRUD Dashboard

06 · Live Project

PostgreSQL CRUD Dashboard

Full stack CRUD dashboard connecting a PostgreSQL database to an Express backend and a vanilla JavaScript frontend. Built with parameterized queries, bcrypt password hashing, server side input validation, and accessibility features.

PostgreSQL Express Node.js JavaScript Full Stack
CrypStockDash

07 · Live Project

CrypStockDash

Lightweight, no-login stock market viewer for instant access to real-time market data. Search any ticker symbol and view live info without creating an account. Built on the principle that financial data should be frictionless.

HTML CSS JavaScript Finance API
Product Sort Simulator

08 · Live Project Game

Product Sort Simulator

A drag-and-drop sorting game built in C# for my Data Structures and Algorithms final project, later ported to the web in June 2026, where players sort falling grocery items into the correct baskets before they hit the ground.

C# HTML CSS JavaScript
Buzy Reviewer

09 · Live Project

Buzy Reviewer

The direct predecessor to IARMS. Built as a foundational school project exploring interactive study tools. Served its academic purpose and directly informed the architecture and design decisions behind IARMS.

HTML CSS JavaScript

Freelancing Projects

Class and School Website

10 · Freelance · Paid

Class and School Website

Complete class and school website delivered for a paying client using Google Sites. Covers all required content areas with clear navigation, organized layout, and a professional finish suited for an academic audience.

Freelance Google Sites Paid
Product Discovery Format 1

11 · Freelance

Product Discovery Website Format 1

Client-facing product discovery layout built as a freelance deliverable. Format 1 explores a structured editorial approach to product presentation, designed for clarity, ease of browsing, and clean visual hierarchy.

HTML CSS JavaScript Freelance
Product Discovery Format 2

12 · Freelance

Product Discovery Website Format 2

Second iteration of the product discovery web format, exploring an alternative visual and structural direction. Format 2 refines layout density, browsing flow, and interaction patterns as a comparative freelance study.

HTML CSS JavaScript Freelance

For Fun Projects

Cyberpunk 2077 Landing Page

13 · Personal · For Fun

Cyberpunk 2077 Themed Landing Page

Creative frontend build inspired by Cyberpunk 2077, exploring immersive UI design, dynamic visual elements, and game-inspired interaction patterns. Built entirely in pure HTML, CSS, and JavaScript, with no framework dependencies.

HTML CSS JavaScript Creative
Death Stranding Landing Page

14 · Personal · For Fun

Death Stranding Themed Landing Page

Creative frontend build inspired by Death Stranding, experimenting with atmospheric visual design, layered UI elements, and game-inspired interaction flow. A deliberate exploration of mood-driven frontend aesthetics.

HTML CSS JavaScript Creative