04 — projects

Everything worth showing, work and personal.

  • Barkr AI Portal ↗

    Barkr AI Portal

    Micro-frontend portal for financial institutions covering asset valuation and collateral management. A host app loads around ten independently deployed React apps at runtime, backed by Firebase and Python FastAPI services, with subscription billing and a credit system metering submissions and contracts.

    React · Module Federation · Redux · Firebase · TypeScript · Python · FastAPI · Stripe · Redis · Vite · Shadcn UI · Tailwind CSS

  • Barkr AI Website ↗

    Barkr AI Website

    Corporate marketing site for Barkr, a fintech company providing AI-powered valuation of hard assets to support lending decisions at financial institutions. Built as a Next.js front end on a headless WordPress CMS, with Advanced Custom Fields modeled as a GraphQL schema so each page resolves exactly the fields it renders in a single query. Marketing keeps editing in WordPress while the public site ships as a containerized server-rendered app on Google Cloud Run.

    Next.js · React · WordPress · Headless CMS · WPGraphQL · ACF · GraphQL · Cloud Run · Docker

  • Cariño Tailor Shop

    Cariño Tailor Shop Management System

    A complete operations platform for a tailoring and dry-cleaning business, covering orders, per-piece production tracking, inventory, payroll, and a full double-entry accounting suite that auto-posts from daily operations. Works offline, with a separate touch interface for the shop counter and public order tracking for customers.

    Next.js · TypeScript · Firebase · Cloud Functions · Tailwind CSS · Shadcn UI · PWA

  • Data Annotation Platform

    Human-in-the-Loop Data Annotation & QA Platform

    An internal platform where reviewers annotate and quality-check a collection of over 100,000 generated images, growing toward millions. Queued review feeds with a second-pass stage, bulk import and export, per-reviewer throughput analytics, role-based access with multi-factor authentication, and full activity auditing, with query and listener patterns tuned so read cost stays flat as the collection grows.

    Next.js · TypeScript · React · Firebase · Cloud Functions · Python · Tailwind CSS · Shadcn UI

  • Catalogue Raisonné

    Catalogue Raisonné Art Site

    A server-rendered catalogue raisonné documenting an artist's complete body of work. An ingestion pipeline parses archival source documents into structured catalogue entries carrying provenance, exhibition history and extracted page images. Server components sit on a managed SQL data layer with cached reads, a server-verified session model, and role-based access separating the public catalogue from internal curatorial views.

    Next.js · TypeScript · React · PostgreSQL · Redis · Firebase · Tailwind CSS

  • App Hub ↗

    App Hub

    A centralized launcher for all my personal web apps, providing quick access to each project in one place.

    React · TypeScript · Vite · Shadcn UI · Framer Motion · Tailwind CSS

  • Expense Tracker ↗

    Expense Tracker

    A simple web app that helps users track their expenses and manage their budget effectively.

    React · TypeScript · Vite · Shadcn UI · Lucide React · ESLint · Tailwind CSS

  • GWA Calculator ↗

    Grade Weighted Average (GWA) Calculator

    A simple web app that calculates students' Grade Weighted Average (GWA) based on their course grades and credit units, providing an easy way for students to track their academic performance.

    React · TypeScript · Vite · Shadcn UI · Lucide React · ESLint · Tailwind CSS

  • CLSU IT Discord Bot

    CLSU IT Discord Bot for Streamlined Support & Engagement

    A custom-built Discord bot designed to enhance communication and support for CLSU IT Discord Community providing features such as automated responses, moderation, and real-time updates on IT-related announcements.

    Node.js · Discord.js · JavaScript · Ollama · Docker

  • RADIIS (v2.0) ↗

    Research & Development Integrated Information System

    Institution-wide platform managing CLSU's research portfolio, covering programs, projects, studies, publications, intellectual property and researcher profiles across ~129 tables. Role-based access scoped to the university's structure, two-factor auth, activity auditing, PDF/Excel reporting and geographic research mapping.

    PHP · Laravel · Livewire · HTML & CSS · JavaScript · SASS/SCSS · MySQL · Bootstrap

  • BASIS ↗

    Business Affairs Strategic Integrated System

    Centralized platform modernizing CLSU's business operations, covering contracts and agreements, incident reporting, project statements and a rice program module, sharing the institutional structure and component library built for RADIIS.

    PHP · Laravel · Livewire · HTML & CSS · JavaScript · SASS/SCSS · MySQL · Bootstrap

  • CLSU Virtual Explorer ↗

    Interactive 360° Virtual Campus Tour

    An interactive web app that lets anyone explore CLSU's campuses through immersive 360-degree panoramic images.

    3DVista · HTML & CSS · JavaScript

  • UEPOMS ↗

    University Extension Program Office Management System

    A web-based management system designed to streamline the operations of university extension programs, including project tracking, reporting, and stakeholder communication.

    PHP · Laravel · Livewire · HTML & CSS · JavaScript · SASS/SCSS · MySQL · Bootstrap

  • RADIIS (v1.0) ↗

    Research & Development Integrated Information System

    A web app to manage and organize CLSU's research programs, projects, and studies with built-in analytics.

    PHP · Laravel · HTML & CSS · JavaScript · SASS/SCSS · MySQL · Bootstrap

  • WaterVille

    WaterVille: A Water Billing and Monitoring System

    A web application designed to manage water billing and monitor water usage for residential and commercial customers, providing real-time data and analytics to promote efficient water consumption.

    PHP · Laravel · Jetstream · HTML & CSS · JavaScript · SASS/SCSS · MySQL · Bootstrap

  • Turkey Travel Planner ↗

    Turkey Travel Planner by Jimmy Çay (chai)

    A comprehensive travel guide website for Turkey, featuring detailed information on destinations, itineraries, and travel tips to help travelers plan their trips effectively.

    WordPress · PHP · HTML · CSS · JavaScript

  • Makisig Rescue 3121

    Makisig Rescue 3121 Emergency Alerting App with GIS Mapping & Tracking System

    An undergraduate capstone project that provides real-time emergency alerting and location tracking to enhance disaster response and public safety.

    PHP · Laravel · Firebase · Leaflet · JavaScript · MySQL · Bootstrap