Osegonte Hopo

I build web products and run the infrastructure behind them.

I also analyze data, and I pick up new tools fast.

chess.com
1021Rapid
1012Bullet
Play a game with me
  • Vercel deploy
  • Docker Compose
  • Tailscale VPN
  • Sanity headless CMS
  • Google OAuth 2.0
  • Server-side rendering
  • Payment webhooks
  • ISR instant publish
  • HMAC-SHA512 webhooks
  • Server-side PDF
  • Image CDN (WebP/AVIF)
  • SEO / JSON-LD
  • Puppeteer E2E
  • AES-256 encryption
  • WCAG AA accessibility
  • Least-privilege infra

Selected work

Personal projects

UndertoneLive
Skills
Vanilla JavaScriptHTMLCSSMediaPipeCanvas APIheic-to (libheif)CIELAB color sciencePHP
Processes
Client-side ML (WASM / WebGPU)Puppeteer E2E harnessProgrammatic OG / favicon generationVercel + cPanel deploySEO / JSON-LD structured dataSelf-hosted PHP counter
Compliance
Privacy-by-architectureAccessibility-aware

Free, private, on-device personal color analysis from a single photo.

  • Runs computer-vision models (MediaPipe Face Landmarker + Image Segmenter) and a full sRGB→CIELAB→ITA color pipeline 100% client-side — no backend, private by design, zero per-use cost.
  • Built a 12-season classifier over a three-axis model (undertone / depth / clarity) with confidence scoring and adjacent-season fallback, mapping measured color to the professional seasonal system.
  • Diagnosed and fixed iPhone HEIC decoding (tiled, 10-bit HDR) by reproducing the failure and A/B-testing decoders in a real browser before swapping the decoder.
  • Built a headless-Chrome (Puppeteer) harness to drive the real app with real photos, verify the pipeline end to end, and render the OG image and favicon set programmatically.
tryundertone.space
The Server Under Your DeskLive
Skills
PythonBashPostgreSQLTelethonRegex
Processes
Ubuntu 24.04 (headless)Docker & Docker ComposeTailscale VPN + MagicDNSSSH administrationsystemd / cronLeast-privilege / defense-in-depthNextcloudKomga (REST)

A decommissioned 2014 Mac Mini turned into a private, self-hosted cloud, reachable from any device.

  • Repurposed decommissioned hardware into a 24/7 headless Ubuntu server, administered entirely over SSH.
  • Orchestrated 6+ containerized services with Docker Compose using least-privilege patterns: read-only mounts, UID/GID mapping, loopback-bound admin.
  • Built an idempotent Python (Telethon) ingestion pipeline with rate-limit handling, a regex content-routing engine, health alerting, and MangaDex-API gap detection.
  • Migrated a 46 GB dataset with a custom deduplicating shell script, and reach it from any device over a Tailscale mesh VPN.
The server under my desk — a 2014 Mac Mini turned into a self-hosted cloud, wired into the home network over hand-run Ethernet beside the Wi-Fi 6 router.
The server under my desk — a 2014 Mac Mini turned into a self-hosted cloud, wired into the home network over hand-run Ethernet beside the Wi-Fi 6 router.
Klass SuiteLive
Skills
Next.jsTypeScriptTailwind CSSPostgreSQL
Processes
Supabase (auth + DB)Role-based CMS

An exam-prep platform for Nigerian secondary schools: students practise the real WAEC/JAMB CBT, then learn every topic they miss.

  • Authentic CBT practice mirroring the real WAEC and JAMB exams, with topic-level analysis that pinpoints exactly where each student is weak — then targeted courses to close each gap.
  • A role-based authoring CMS (Klass Studio) for educators, plus teacher dashboards and parent notifications tracking progress across the six secondary years (JSS1–SS3).
  • My own product, built and run end to end — from the data model to the deploy.
klass.school
Football Prediction SystemBuilt
Skills
PythonData Analysis
Processes
REST API integration

Analytics platform turning raw match data into predictive signals.

  • Integrated the football-data.org API v4 across 9 leagues.
  • Computed 7-metric performance ratings for 186+ teams and 6 predictive signals per fixture.
  • Surfaced everything through an interactive web dashboard.

Freelance work

Study MetaverseLive
Skills
Next.jsTypeScriptD3.jsSupabasePostgreSQLPaystack@react-pdf/renderer
Processes
Paystack integrationHMAC-SHA512 webhook verificationServer-side PDF generationSupabaseVercel deploy
Compliance
PCI via Paystack

Helping students discover and apply to 500+ German university programmes.

  • 500+ programmes with an interactive D3.js orthographic globe and a 14-dimension real-time search.
  • Full Paystack flow with HMAC-SHA512 webhook verification, live NGN conversion, and server-side PDF report generation.
  • Personalised admission assessments and a complete admin dashboard.
studymetaverse.com
Alfred Hopo — PhotographyLive
Skills
Next.jsReactTypeScriptSanityGROQCSS
Processes
Sanity CMS + webhooksISR + tag revalidationImage CDN (WebP / AVIF, LQIP)SEO / structured dataVercel deploy
Compliance
Accessibility-aware

A fully client-editable photography portfolio on a headless CMS.

  • Headless CMS so the non-technical owner edits everything — photos, captions, a "Logbook", settings — with the schema written in TypeScript and queried with GROQ.
  • ISR + webhook cache-tag revalidation for instant publish, decoupling editing from deploys.
  • Sanity image CDN (WebP/AVIF) with LQIP blur-up, eliminating layout shift (CLS).
  • Custom masonry gallery with filtering by category / country / year and a full-screen keyboard lightbox.
alfredhopo.com
Learn Chess with PrinceLive
Skills
Next.jsTypeScriptHTML5 CanvasWeb WorkersStockfish WASMreact-chessboardchess.js
Processes
Google OAuth 2.0Vercel deploy

A chess-coaching platform with a real Stockfish engine in the browser.

  • In-browser Stockfish engine via UCI protocol in a Web Worker, with Elo estimation (400–2400+) and 6 adaptive difficulty profiles.
  • Consolidated a 672-element DOM grid into a single HTML5 Canvas render to hold a steady 60fps.
  • Google OAuth 2.0 with cookie-based session management.
chesswithprince.com
Allyque CareLive
Skills
Next.jsTypeScriptPHP
Processes
AES-256-GCM encryptionPHP document uploadAutomated email notificationsAdmin dashboard
Compliance
HIPAA-aligned (not certified)WCAG accessibility

A secure healthcare platform for a developmental-disability provider.

  • Career-application portal with AES-256-GCM encrypted data handling and a HIPAA-aligned (not certified) 10-year retention archive.
  • PHP document-upload system, automated email notifications, and a secure admin dashboard with status tracking.
  • Full WCAG accessibility compliance.
allyquecare.com
Hope CatalystLive
Skills
Next.jsTypeScriptTailwind CSS
Processes
Authenticated dashboardNewsletter

A platform helping Nigerian public-school students overcome financial barriers to education.

  • Built a four-step support pipeline: students submit a request, get verified, receive payments made directly to their school, and confirm completion.
  • Authenticated application dashboard for students to submit and track support requests.
  • Partner-network access to free courses, with newsletter signup and testimonials from parents, students, and guardians.
hopecatalyst.net
Abricare HospiceIn progress
Skills
Next.jsReactTypeScriptTailwind CSSshadcn/uiRadixFramer MotionSupabase
Processes
SEO structured-data pipelineAccessibility engineeringVercel deploy (planned)
Compliance
WCAG AAHIPAA

A premium, SEO- and accessibility-first marketing site for a Texas hospice provider.

  • Built-in SEO — local Arlington/Texas metadata and structured data generated from the same source as the visible copy, so the two can never drift.
  • High accessibility bar: AA contrast, focus states, labelled forms and errors, keyboard-safe, reduced-motion-safe, and it renders with JavaScript off.
  • Rethemed my own care-sector template into a wholly distinct brand with zero residual branding — 14 routes, 3 forms, and a graceful no-backend fallback.
abricareinc.com
Rosenfeld & PartnerDelivered
Skills
Next.jsTypeScriptTailwind CSS
Processes
Vercel deploy

A premium, high-end site for a boutique wealth-management firm.

  • Designed a premium, high-end UI aligned to a boutique wealth-management brand.
rmp-partner.vercel.app
KeganIn progress
Skills
Next.jsTypeScriptSanity
Processes
Sanity headless CMSVercel deploy

A personal-brand site for a Nigerian content creator, with a headless CMS.

  • Custom personal-brand website with Sanity.io integrated as a headless CMS for content and SEO.
kagan-site.vercel.app

Experience

Apr 2025 — now

Business Intelligence InternMachiConsult LTD

2025 — now

Freelance Full-Stack DeveloperClient projects

2021 — 23

Tutorial AssistantDr Maths Academy

Education

exp. 2028

Business Administration with InformaticsFH Südwestfalen

2023 — 24

Computer ScienceLagos State University

Hobbies

Chess

I play on chess.com and spend a fair bit of time analyzing openings.

Photography

I shoot with a camera, mostly catching the local light around Hamm, and share on Instagram.

Training

Strength training is the other daily practice, the offline counterweight to screen time.