FULL-STACK DEVELOPER · PHILIPPINES

John Robert
Dizon.

Self-Taught Developer building production systems

I design and build complete web applications from scratch — real-time data pipelines, role-based auth systems, business logic engines — without frameworks or libraries getting in the way.

View My Work Download Resume
01

About

I'm a self-taught full-stack developer based in the Philippines who builds complete, production-ready web applications. My journey started with understanding a complex domain — Philippine STL lottery operations — and turning that knowledge into a fully functional management system used by real operators.

What sets me apart is that I don't just write code — I learn systems deeply. I studied the business rules, edge cases, and real-world data formats before writing a single line. The result is software that actually works for the people using it.

I work best on problems that require both technical depth and domain understanding. I thrive on building things that handle real money, real users, and real-time data.

1
Production System Deployed
7
Core Modules Built
3,400+
Lines of Custom JS
0
Frameworks Used
02

Technical Skills

FRONTEND
HTML5 CSS3 Vanilla JS Responsive Design CSS Grid Flexbox Mobile-First DOM APIs
BACKEND & DATABASE
Supabase PostgreSQL REST APIs PostgREST Row Level Security localStorage JSON
SYSTEMS & ARCHITECTURE
Auth Systems Session Management Real-time Parsing Business Logic Data Validation VBA / Excel Macros GitHub Pages
03

Projects

01
FEATURED · LIVE
2D/3D Lottery Betting Management System

A full-featured betting operations platform for Philippine STL lottery coordinators. Handles real-time bet validation, multi-agent billing, pool-limit enforcement, win computation, and financial reporting — all in a single self-contained HTML file with a Supabase backend.

  • Real-time input parser with auto-detection of 2D vs 3D bets, Pompi, Petsada, Trio, and Double-R special categories
  • First-come-first-served max bet pool engine with partial void support per combination+type
  • Per-agent billing: commission, gross, remit, win payout, and receipt tracking with image export
  • Void Center with manual void tab, agent search filter, and auto-hide after copy
  • Win Tab with result matching, prize calculation, and combine-winners toggle
  • Admin panel: account management, expiry control, session enforcement (single-device login)
  • Hub page with module navigation — 2D/3D System + Bet Summarizer
  • Bet Summarizer: combine & auto-sum bets from file upload or paste, 2D/3D/Pompi/Petsada columns with error column
  • Role-based authentication with Supabase, session tokens, and keep-alive pinging
Vanilla JS HTML/CSS Supabase PostgreSQL html2canvas GitHub Pages
02
TOOL
Bet Summarizer (Dikit Combi & Auto-Sum)

A standalone data-processing tool that replicates and extends a VBA Excel macro in the browser. Agents paste raw bet data and the tool instantly combines duplicates, normalizes ramble orders, separates Pompi/Petsada, and flags format errors — with file upload and drag-and-drop support.

  • Disambiguates 2D vs 3D lines using column count + type-position heuristics
  • Normalizes number formats (01 and 1 treated as identical)
  • Auto-corrects Pompi and Trio bets from Ramble to Straight
  • Validates amount as multiples of 5, number ranges, and type values
  • File upload (.txt) and drag-and-drop onto textarea
  • One-click copy per column with optional type column inclusion
Vanilla JS HTML/CSS FileReader API Drag & Drop API
04

Resume

John Robert Dizon
Full-Stack Web Developer
Floridablanca, Pampanga, Philippines
johnrobertdizon@gmail.com
github.com/johnrobertdizon
PROFESSIONAL SUMMARY

Self-taught full-stack web developer with hands-on experience building production-grade applications using JavaScript, HTML/CSS, and Supabase. Proven ability to translate complex domain requirements into working software — delivered a complete lottery betting management system with real-time parsing, multi-agent billing, role-based authentication, and financial reporting, all without frameworks. Strong problem-solver who learns systems deeply before writing code.

TECHNICAL SKILLS
HTML5 CSS3 JavaScript (ES6+) Vanilla JS Supabase PostgreSQL REST APIs SQL
Responsive Design CSS Grid / Flexbox DOM APIs FileReader API Drag & Drop API localStorage Session Management Auth Systems
GitHub / Git GitHub Pages Excel VBA Data Validation Real-time Parsing Business Logic
PROJECTS
2D/3D Lottery Betting Management System — PRODUCTION

Designed and built a complete betting operations platform for STL lottery coordinators in the Philippines. The system processes hundreds of bet entries in real time, enforces first-come-first-served pool limits per combination, calculates per-agent billings and win payouts, and generates exportable financial reports. Includes role-based authentication with single-device session enforcement, an admin panel for account management, and a Bet Summarizer module for data aggregation.

Stack: Vanilla JS · HTML/CSS · Supabase (PostgreSQL) · html2canvas · GitHub Pages
Bet Summarizer — Dikit Combi & Auto-Sum Tool

Ported and extended a VBA Excel macro into a browser-based tool that combines duplicate bets, normalizes ramble ordering, auto-corrects special bet types, validates amounts, and separates bets by category. Supports file upload (.txt) and drag-and-drop input with instant processing.

Stack: Vanilla JS · HTML/CSS · FileReader API · Drag & Drop API
EDUCATION & LEARNING

Self-taught through project-based learning. Built production systems by studying domain requirements, analyzing existing workflows (including VBA macros), and implementing solutions from first principles. Continuously learning through hands-on development and real-world problem solving.

KEY STRENGTHS
Domain-Driven Development Complex Business Logic Self-Directed Learning Full System Architecture Problem Decomposition Attention to Edge Cases
05

Contact

I'm open to freelance projects, full-time opportunities, and collaborations. If you have a system that needs to be built right — not just built fast — let's talk.