gordon college • bsit • self-published, semi-regularlyvol. i / no. 001

hans lacuesta

/hɑːns ləˈkwes.tə/ : noun.

a full-stack developer, based in the Philippines, who ships systems institutions actually rely on: clinics, wallets, scrapers, and one very persistent 2048 game.

scroll for the good stuff ↓verified student author
ABOUT THE AUTHOR • READ ON • SINCEGC
Dossier Entry

about the author

Hans is a BSIT student at Gordon College who would rather be building something than reading about it. Most days that means front-end interfaces in React, Vue, or Next.js; some days it means wiring up the REST APIs and databases underneath.

He gravitates toward projects with real users and real constraints (a clinic that needs an actual clearance workflow, a fuel tracker that needs actual government pricing data) over projects that only need to look good in a demo. Open to collaborating on open-source and creative builds when the timing is right.

InstitutionGordon College
DegreeBSIT
FocusFull-Stack Systems
Specification Sheet

the toolbox

languages

  • JavaScript
  • TypeScript
  • Python
  • HTML5
  • CSS3

frontend

  • React
  • React Native
  • Vue.js
  • Next.js
  • Tailwind CSS
  • Vite

backend

  • Node.js
  • Express

data & infra

  • PostgreSQL
  • MySQL
  • MongoDB
  • Redis
  • Supabase
  • Firebase

tools

  • Git
  • Docker
  • Figma
  • Vercel
  • Render
Case Files

the archive

Ranked, not chronological: starting with the one he would defend in an argument.

case file no. 1 : flagship

clinicka

A role-based clinic management portal for Gordon College: because paper medical clearance forms were nobody's favorite part of enrollment.

Four roles, one submission pipeline: students upload lab results and requirements, staff review and clear them, admins manage accounts and reports, and a super admin oversees it all. Built on React, TypeScript, and Supabase Edge Functions, with a pluggable OCR layer that reads lab results through Azure AI Vision or OCR.space: swappable from the admin settings, no redeploy required.

Document Pipeline:
  1. pending
  2. in review
  3. returned
  4. resubmitted
  5. physical exam
  6. approved
  • React 18
  • TypeScript
  • Vite
  • Tailwind
  • Supabase
  • Cloudinary
  • Upstash Redis
Launch Clinic Portal ↗institutional deployment : source available internally
file no. 2

phoenix e-wallet

A digital wallet & membership tracker for student orgs, with face-login and a 2048 game bolted on for fun.

Members check balances, pay dues, and climb membership tiers, while admins get an analytics dashboard and exportable PDF/Excel reports.

  • Vue 3
  • Firebase
  • face-api.js
  • Chart.js
launch phoenix pay ↗view repo ↗
file no. 3

glasshill pansol

A marketing site for a private hot-spring villa in Pansol, Calamba.

Built section by section from the client's own marketing graphic: sampled colors, cropped photography, a custom wordmark typeface, so it reads as their property from the first scroll.

  • Next.js 14
  • TypeScript
  • Tailwind
tour resort site ↗source private
file no. 4

soul scraper

A REST API that watches websites so you don't have to.

Crawls configured sources on a schedule, pulls down PDFs and reports, extracts full text, and serves it through a paginated FastAPI backend: with SSRF protections and API-key auth.

  • FastAPI
  • PostgreSQL
  • BeautifulSoup4
  • PyMuPDF
view repo ↗
file no. 5

octane

Fuel-price intelligence, mapped.

Pulls real Department of Energy fuel prices onto an interactive map, ranks stations by actual road distance from wherever you are, and wraps it in OTP-verified accounts with an admin console.

  • SolidJS
  • MapLibre GL
  • Express
  • MongoDB
explore fuel map ↗source private
file no. 6

memoir

A private, vintage-styled photo journal for two.

Every upload develops like a Polaroid: film-strip styling, a retro photobooth generator, capture dates pulled from EXIF. Keepsakes deliver to a private Discord channel behind a passcode gate.

  • Next.js
  • Cloudinary
  • Upstash Redis
  • Discord API
open photo journal ↗source private
Dispatch Terminal

get in touch

Open to internships, freelance builds, and anything that needs a developer who reads the whole spec before writing code.

Send EmailGitHub ↗LinkedIn ↗Facebook ↗