ls ./projects

Projects

Live web projects you can try in your browser, plus coursework in software, networking, databases, design, and hardware.

This site is actively being updated. I'm adding more of my projects, including audio work, over the coming weeks. You can find more of my code on GitHub.

live in the browser

a7 · drag and drop

Card Game Deal

Shuffles a 52-card deck, deals a hand, and lets you drag cards onto a discard pile. Works with a mouse and on touch screens, with a fallback if an image fails to load.

JavaScriptPointer EventsDOM
a14 · game

Simon Says

Memory game with a growing color sequence, level tracking, and a distinct tone for each color, synthesized live with the Web Audio API.

JavaScriptWeb Audio APIGame logic
a11 · planner

BSIT Quick Class Advisor

Course planner that enforces prerequisites and corequisites, tracks hours per term, and auto-builds part-time or full-time draft schedules you can print.

jQueryData modelingAlgorithms
a4 · data viz

Population Growth Model

Enter carrying capacity, starting population, and growth rate to plot a logistic growth curve with Chart.js.

JavaScriptChart.jsMath
a3 · forms

Form Validation

Contact form with client-side validation for names, addresses, 10-digit phone numbers, email format, and birth dates, then a confirmation summary.

JavaScriptRegexForms
a5 · generative art

Spirograph Generator

Generates a random spirograph pattern on an HTML canvas using parametric equations and random colors.

CanvasMathJavaScript
a9 · animation

Bouncing Animation

A canvas animation with collision detection against the walls. Click the canvas to change the object's color.

CanvasrequestAnimationFrame
a6 · json

JSON and jQuery

Loads player statistics from a JSON file and builds a table on the page with jQuery.

jQueryJSONAJAX
a12 · research

Review of Content Management Systems

Comparison of WordPress, Drupal, Joomla!, Magento, Wix, and Ghost, rendered as a table from JavaScript data.

JavaScriptResearch
a15 · reflection

Web Systems Reflection

What I learned building this portfolio in Web Systems, including responsive design and working with a real client.

Writing

coursework & projects beyond the browser

network security

Firewall Audit & Snort IDS

Configured and audited firewall rules across SSH, Telnet, FTP, and HTTP, and wrote 10 custom Snort rules detecting port scans, login attempts, and file exfiltration, validated with Wireshark packet captures.

SnortWiresharkLinux
network design

Voice Network Design

Designed a two-location corporate voice network using Erlang B calculations and found a configuration with a 60% monthly cost reduction.

Erlang BPSTNCost analysis
databases

SQL Banking System

Relational database for users, accounts, deposits, withdrawals, and balances, with PIN authentication and transaction logic. Also built a restaurant menu and ingredient inventory schema.

SQLMySQLSchema design
software

C# and Python Programs

Six C# .NET Core apps using OOP, inheritance, LINQ, validation, and error handling, plus six Python programs covering loops, sorting algorithms, and visualization.

C#.NETPython
ui/ux

Crypto Arbitrage Bot

Mobile app prototype designed in Figma, from onboarding to results screens, focused on reducing cognitive load for new users, plus a fee-adjusted profitability algorithm.

FigmaUser flowsAlgorithm
audio hardware

Synth Building & Circuit Bending

Workshop project: prototyped analog synthesizer circuits on a breadboard, then built and modified them through soldering, component swapping, and circuit bending to create new sound behaviors.

Breadboard prototypingAnalog circuitsSoldering
digital logic

FPGA Alarm System

Designed a NAND-gate burglar alarm and prototyped it in software using Altera's Quartus CAD tools, validating the logic with truth tables, flowcharts, and waveform simulations.

Altera Quartus CADFPGA simulationBoolean logic
cad

Two-Story House Design

Designed a complete two-story residential structure in AutoCAD with detailed floor plans and layouts.

AutoCADTechnical drawing