# Mark Siazon Portfolio - Full LLM Context

This file summarizes the public portfolio in plain text for LLM crawlers, search assistants, and retrieval systems. It does not include private notes, secrets, or unpublished claims.

## Profile

- Name: Mark Siazon
- Role: Product Designer and Full-Stack Developer
- Location context: Philippines
- Core areas: Product design, frontend engineering, Next.js, React, TypeScript, AI product workflows, mobile UX, Web3 proof systems, verification-first case studies
- Canonical site: https://www.marksiazon.dev
- RSS feed: https://www.marksiazon.dev/feed.xml
- JSON Feed: https://www.marksiazon.dev/feed.json
- Humans.txt: https://www.marksiazon.dev/humans.txt

## Primary routes

### Home
- URL: https://www.marksiazon.dev
- Purpose: Portfolio overview for Mark Siazon, product designer and full-stack developer.
### Projects
- URL: https://www.marksiazon.dev/projects
- Purpose: Proof-backed case studies across AI, mobile, Web3, client websites, and production readiness.
### Proof matrix
- URL: https://www.marksiazon.dev/proof
- Purpose: Current verification state, proof links, screenshots, and claim boundaries for portfolio projects.
### Achievements
- URL: https://www.marksiazon.dev/achievements
- Purpose: Awards, certifications, academic recognition, and competition outcomes.
### Writing
- URL: https://www.marksiazon.dev/writing
- Purpose: Articles about design systems, product strategy, UX, and full-stack implementation decisions.
### Contact
- URL: https://www.marksiazon.dev/contact
- Purpose: Contact route for product design, frontend, AI workflow, Web3 proof, and prototype work.

## Contact FAQ and Privacy Boundaries

### What should I include in a first message?
- Question: What should I include in a first message?
- Answer: Share the role or project context, timeline, proof you want reviewed, and the next decision you need to make.

### Can AI search crawlers read this contact page?
- Question: Can AI search crawlers read this contact page?
- Answer: Robots.txt allows OAI-SearchBot, Claude-SearchBot, and PerplexityBot to discover public portfolio pages, but blocks them from the contact and API surfaces. Host or CDN crawler access still needs account-side confirmation.

### Where should private contact details live?
- Question: Where should private contact details live?
- Answer: Private recipient and sender addresses stay in server-side environment variables, not in public HTML, feeds, or LLM discovery files.

### What work is Mark open to?
- Question: What work is Mark open to?
- Answer: Product roles, focused client builds, launch support, proof packages, AI workflow prototypes, Web3 proof systems, and mobile UX cleanup.

## Featured projects

## HireProof

- URL: https://www.marksiazon.dev/projects/hireproof
- Summary: Proof-backed AI agent that helps applicants check suspicious job posts, recruiter messages, screenshots, and apply links before they commit time or personal data.
- Role: Product designer and full-stack builder
- Best for: AI trust and safety product design
- Status: Live proof-backed project with provider/live-proof boundaries
- Last verified: 2026-05-21
- Stack: Next.js, React, TypeScript, AI workflow design
- Tags: AI Agent, Trust & Safety, Next.js, Product Design
- Public proof links: Live Project: https://hireproof.tech/portfolio | Documentation: https://hireproof-sigma.vercel.app/docs
- Proof points: Problem fit: Designed around suspicious job posts, recruiter messages, screenshots, and apply links. | Product angle: Focuses on proof-backed checking and evidence receipts instead of generic scam warnings. | Live boundary: Source docs separate deterministic demo fixtures, BYOK live checks, pending Discord proof, and Chrome Web Store review from already inspectable app surfaces.
- Outcomes: Shipped surface: Live product + docs - Public portfolio and documentation surfaces make the product inspectable beyond a static case-study card. | Trust framing: Evidence-first flow - The product outcome is a calmer receipts-only review flow for suspicious job posts, messages, screenshots, and apply links.

## Stellaroid Earn

- URL: https://www.marksiazon.dev/projects/stellaroid-earn
- Summary: On-chain credential trust app for issuing, verifying, and paying bootcamp graduates on Stellar testnet with Soroban and Freighter.
- Role: Builder
- Best for: Web3 credential proof and trust UX
- Status: Live proof project
- Last verified: 2026-05-21
- Stack: Next.js, Soroban, Freighter, Stellar Testnet
- Tags: Stellar, Credentials, Web3, Trust UX
- Public proof links: Live Project: https://stellaroid.tech | Demo App: https://stellaroid-earn-demo.vercel.app/ | Status Route: https://stellaroid.tech/status | Events API: https://stellaroid.tech/api/events
- Proof points: Public proof: Live demo and Stellar testnet proof URLs are available for the credential and payment flow. | Technical signal: Built around Soroban contracts, Freighter wallet interaction, 12 contract tests, and verifiable transaction evidence. | Bootcamp result: Source README records Top 5 / 105 participants with score 75.00 and 30+ Stellar testnet users.
- Outcomes: Public proof layer: www.stellaroid.tech - The project demonstrates credential and payment trust through a public app flow rather than only a written concept. | Technical signal: Stellar + Soroban - The case study adds blockchain UX proof around issuer, verifier, employer, payment roles, status route, and API evidence.

## ResQLink

- URL: https://www.marksiazon.dev/projects/resqlink
- Summary: Cross-platform disaster response system spanning Flutter mobile, a React/Vite web surface, and a Fastify/Appwrite backend for offline-first emergency coordination.
- Role: Lead product designer and full-stack developer
- Best for: Emergency tech platform and LGU workflow design
- Status: Academic capstone and competition project
- Last verified: 2026-05-21
- Stack: Flutter and Dart mobile app, Vite, React, TypeScript, Tailwind CSS, and shadcn/ui web surface, Fastify TypeScript API with Appwrite realtime data, Gemini AI summaries and on-device YOLO classification, Kotlin BLE mesh, SQLite queues, Firebase FCM, and offline maps, Citizen, rescuer, and LGU command-center UX
- Tags: AI Triage, Emergency Tech, Offline-first, LGU UX
- Public proof links: Public Web Repo: https://github.com/UMakLumen/ResQLinkWeb
- Proof points: Competition result: Champion at UMak InfotechOlympics Android category in 2025 with Team Lumen. | Academic recognition: User-provided recognition: Best Thesis and Best Presentation in the college for the ResQLink paper. Keep certificate/thesis proof pending until attached. | Startup validation: Top 10 finalist out of 48 teams in PH Startup Challenge X NCR. | Product surface: Local walkthrough covers the hero, AI triage flow, dashboard demo, citizen/rescuer/LGU platforms, SDG impact, download, contact, and terms route. | Implementation evidence: Implementation review covered the mobile app, API server, web dashboard, and thesis-backed product scope without publishing private source or storage details.
- Outcomes: Competition result: Champion - Recognized at UMak InfotechOlympics Android category in 2025 with Team Lumen. | Academic recognition: Best Thesis + Presentation - The ResQLink paper is listed with user-provided Best Thesis and Best Presentation recognition; certificate/thesis evidence should be attached before treating it as independently verified. | Startup validation: Top 10 / 48 - Selected as a PH Startup Challenge X NCR finalist from a 48-team field. | Product coverage: Mobile + web + API - The implementation evidence shows a Flutter operational app, a React public/LGU web app, and a Fastify server connected through Appwrite and WebSocket flows.

## Good To Live Podcast Website

- URL: https://www.marksiazon.dev/projects/good-to-live
- Summary: Full website experience for a podcast platform featuring Filipino creatives and entrepreneurs, built from strategy through UI and launch.
- Role: Designer and developer
- Best for: Client web launch and SEO delivery
- Status: Live client project
- Last verified: 2026-05-21
- Stack: Web strategy, UI design, Frontend development, SEO
- Tags: Full-Stack, SEO, Media, Client Work
- Public proof links: Live Site: https://goodtolivepodcast.com
- Proof points: Live launch: Designed and built the website experience from strategy, UI, and development to launch, with production docs covering feeds, sitemap, guest inquiry, newsletter, and smoke checks. | Route proof: Source README and runbooks document public routes, RSS/Atom feeds, XML sitemaps, guest inquiry, newsletter, production smoke, and delivery status.
- Outcomes: Launch proof: Public website - The work is visible as a live media site with public route, feed, sitemap, and production smoke surfaces rather than a private or speculative design exercise. | Delivery range: Strategy to launch - The case study demonstrates end-to-end delivery across positioning, UI, development, SEO basics, and launch support.

## FlowFit

- URL: https://www.marksiazon.dev/projects/flowfit
- Summary: Wear OS and Android fitness app with heart-rate monitoring, IBI data, activity, sleep, nutrition, mood tracking, and Supabase sync.
- Role: Team member and app contributor
- Best for: Wearable health app and sensor UX
- Status: Hackathon-winning project
- Last verified: 2026-05-21
- Stack: Flutter, Dart, Samsung Health Sensor SDK, Supabase
- Tags: Flutter, Wear OS, Health Tech, Supabase
- Public proof links: Repository: https://github.com/KpG782/flowfit | Figma Presentation: https://www.figma.com/deck/DdDkndHHQO0WL9lQkUzhYk/Flowfit-Presentation?node-id=1-42&t=qhlMVYxwhQ5L2SQV-1 | Demo Video: https://drive.google.com/file/d/1WAgKfRG0oetVSHDQWSJiACAA0jZtQ19R/view?usp=sharing
- Proof points: Cross-device build: Repository documents Wear OS and Android companion app support with Samsung Health Sensor SDK integration. | Feature depth: Includes heart-rate monitoring, IBI data, activity, sleep, nutrition, mood tracking, and Supabase sync.
- Outcomes: Platform breadth: Watch + phone - The project goes beyond a web interface by connecting Wear OS sensor capture to an Android companion experience. | Feature depth: Health data sync - Heart-rate, IBI, activity, sleep, nutrition, mood, and Supabase sync create a stronger technical proof story.

## BaybayInscribe

- URL: https://www.marksiazon.dev/projects/baybayinscribe
- Summary: Baybayin learning and translation app with ML-powered character recognition, tutorials, cross-platform support, and Filipino culture-focused UX.
- Role: Lead UI/UX and front-end developer
- Best for: Cultural education UI and AI learning
- Status: Academic team project
- Last verified: 2026-05-21
- Stack: React, Next.js, Tailwind CSS, ML-assisted recognition
- Tags: AI, Education, Culture, Frontend
- Public proof links: Live Project: https://beta.baybayinscribe.top | Model Proof: https://huggingface.co/gilas/baybayinscribe
- Proof points: Recognition: Recognized among Android App Development winners at InfotechOlympics 2024 with Team GILAS Tech. | Public app proof: Public client repository and live beta show Baybayin learning, translation, and cross-platform implementation.
- Outcomes: Public beta: Live app - The cultural learning experience is available as a public beta rather than only a class deliverable. | AI proof: Model artifact - The Hugging Face artifact provides a stronger proof trail for the Baybayin recognition component.

## Kudlit

- URL: https://www.marksiazon.dev/projects/kudlit
- Summary: Flutter Baybayin learning companion with scan, translate, lessons, Butty guidance, Android release packaging, and a bundled design system.
- Role: Flutter app contributor and UI/UX hardening lead
- Best for: Flutter mobile learning and release QA
- Status: Android release v1.0.0 with web QA caveats
- Last verified: 2026-05-21
- Stack: Flutter, Dart, Riverpod, go_router, Supabase, YOLO to TFLite, Gemma 4
- Tags: Flutter, Baybayin, Education, Mobile UX
- Public proof links: Repository: https://github.com/ACSADians/kudlit-app | Android Release: https://github.com/ACSADians/kudlit-app/releases/tag/v1.0.0
- Proof points: Release artifact: The source repo documents a v1.0.0 Android APK release with verified version metadata. | QA evidence: Local notes record Flutter analyze, 148 Flutter tests, debug web build, scanner camera tests, and a Chromium route screenshot smoke across auth, home, scan, learn, settings, and legal routes. | Known caveat: Real Google sign-in, native model download/inference, and latest Android landscape QA remain external or device-dependent checks.
- Outcomes: Public artifact: Android APK release - The project has a concrete download path and release screenshots, not only a design concept. | Interface coverage: Scan + translate + learn - The case study shows a full learning companion surface across scanner, translator, lesson, profile, auth, and settings flows.

## Pulse

- URL: https://www.marksiazon.dev/projects/pulse
- Summary: Phone and watch running platform with GPS sessions, heart-rate telemetry, music-aware workout flows, and a Flutter migration track.
- Role: Mobile app contributor and migration/verification lead
- Best for: Mobile/Wear OS migration and build verification
- Status: Migration project with healthy builds and scoped backlog
- Last verified: 2026-05-21
- Stack: Kotlin, Jetpack Compose, Wear OS, Samsung Health sensors, Supabase, Spotify, Flutter, Riverpod
- Tags: Mobile, Wear OS, Health Tech, Flutter
- Public proof links: Repository: https://github.com/KpG782/devcamp
- Proof points: Build proof: The E2E gate records passing mobile debug, wear debug, mobile/wear release, and Flutter release APK builds on 2026-05-17. | Feature proof: The source README documents live run tracking, GPS pace, heart-rate ingestion, session lifecycle recovery, analytics, Spotify/local music paths, and notification-driven sync. | Migration caveat: The Flutter track has auth, running, home, and analytics surfaces, while the E2E gate keeps 151 scoped backlog items out of the completed-proof claim.
- Outcomes: Build readiness: Native + Flutter builds - The repository has concrete build evidence across mobile, Wear OS, and Flutter release packaging paths. | Honest status: Migration caveats kept visible - The case study highlights deep app architecture while avoiding an overclaim that the full product spec is complete.

## PalengkePay

- URL: https://www.marksiazon.dev/projects/palengkepay
- Summary: Stellar-powered PWA for wet-market vendor payments, QR checkout, vendor proof, admin operations, and testnet-first fintech verification.
- Role: Full-stack product builder
- Best for: Fintech PWA proof systems with payment caveats
- Status: Live testnet PWA with pending wallet-signed chain smoke
- Last verified: 2026-05-21
- Stack: React, TypeScript, Vite, Stellar SDK, Soroban, Vercel, Playwright
- Tags: Stellar, Fintech, PWA, MSME
- Public proof links: Live Project: https://palengke-pay.vercel.app | Repository: https://github.com/Iron-Mark/Hackathon-Stellar-PalengkePay-Pro | MVP Walkthrough: https://youtu.be/hOiuXBG5A3Q?si=lLhgmeAsGQVen8e1
- Proof points: Deployment proof: Verification status records Vercel build/deploy passing, 46 desktop and 46 mobile Playwright visual checks, 21 public routes captured, and /api/health returning HTTP 200 with status ok. | Fintech boundary: Wallet-signed chain payment smoke, onchain hash evidence, sponsor durability secrets, and real-device mobile wallet validation are still pending gates. | Source proof: The local repo includes customer, vendor, admin, receipt, payment proof, QR, health, and verification test surfaces, plus public UI screenshots for web and mobile.
- Outcomes: Public proof: Live testnet PWA - The project has a public deployment, route matrix evidence, and a documented health check rather than only static screenshots. | Evidence boundary: Payment proof pending - The portfolio copy keeps wallet-signed payment and real-device wallet evidence pending until those checks exist.

## GawainYah

- URL: https://www.marksiazon.dev/projects/gawainyah
- Summary: MiniPay-native receipt scanner that charges per task, verifies payment before AI work, and prepares Celo proof receipts for completed jobs.
- Role: Product builder and production-readiness lead
- Best for: MiniPay AI utility with payment guardrails
- Status: Live MiniPay MVP with real-device and Celo proof pending
- Last verified: 2026-05-21
- Stack: Next.js, TypeScript, MiniPay, Celo, Hardhat, Supabase, Vercel, Playwright
- Tags: MiniPay, Celo, AI Utility, Production Readiness
- Public proof links: Live Project: https://gawainyah-minipay.vercel.app | Repository: https://github.com/Iron-Mark/Hackathon-MiniPay
- Proof points: Local readiness: Local readiness passed docs/spec gates, lint, unit tests, production build, typecheck, API smoke, static MiniPay flow checkpoint, mobile Playwright smoke, contract compile/test, and diff checks. | Payment guardrails: Route tests cover payment verification before AI work, malformed transaction hashes, wrong token, wrong amount, wrong chain, duplicate reservations, and paid-failure audit records. | External boundary: Real-device MiniPay QA, one real MiniPay payment, Celo mainnet registry deployment, proof transaction, and final Talent form evidence remain pending.
- Outcomes: MVP shape: Pay per receipt task - The product avoids subscription framing and centers on one MiniPay-paid output with payment and proof trails. | Readiness boundary: Local proof, owner gates - The case study treats public smoke and local gates as proof, while keeping real-device and Celo mainnet evidence behind owner-controlled checks.

## Writing

## Architecting a Multi-Ism Design System Switcher in Next.js

- URL: https://www.marksiazon.dev/writing/design-system-switcher
- Summary: How to build a high-performance style switcher that lets users toggle between Modern Minimal, Glassmorphism, Neo-Brutalism, and Bento modes dynamically with zero layout shift.
- Published: 2026-05-18
- Read time: 6 min read
- Tags: Design Systems, Next.js, Tailwind v4, CSS Tokens

## Offline-First Emergency Response UX: Lessons from ResQLink

- URL: https://www.marksiazon.dev/writing/offline-first-ux
- Summary: Designing emergency-response interfaces across Flutter mobile, React web, Appwrite realtime data, AI triage, BLE mesh resilience, and multi-agency coordination when connectivity and attention are both constrained.
- Published: 2026-04-12
- Read time: 5 min read
- Tags: Offline-First, AI Triage, Disaster Tech, Cross-Platform UX