1 0 0 0 0 0 1 1 1 0 1 1 1 0 1 1 1 0 1 0 0 1 1 0 1 1 1 1 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 0 1 1 0 1 0 1 1 1 1 1 0 1 1 1 1 1 1 0 0 1 0 0 1 1 0 1 1 1 0 1 1 0 1 0 0 1 1 1 0 0 0 0 1 1 1 0 0 0 1 1 1 1 0 1 0 1 1

Software Engineer

Bringing cool ideas to life. A gamer at heart.

1 0 0 0 1 0 0 1 1 0 1 1 1 1 1 0 1 0 1 0 0 1 1 0 1 0 0 0 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 0 1 1 0 0 1 1 1 0 1 1 1 1 1 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 1 1 1 1 1 0 0 0 0 1 1 1 1 1 0 0 1

About

I'm Viet Anh, though most people call me Ch1mpleo. I'm a software developer based in Vietnam and a recent FPT University graduate.

Games are a big part of my life outside of code. I like a game that makes me work for it, but I'm rarely in a hurry to finish. There's always another path to wander down, a bit of lore to piece together, or a view worth stopping for. I tell myself I'll only stop for a minute.

Skills & tools

  • AI workflow

    • Cursor
    • Claude Code
    • Codex
    • Orca ADE
    Custom harnesses
    • pi
    • omp
  • Web

    • TypeScript
    • React
    • Next.js
    • Astro
    • Tailwind CSS
  • Backend

    • C# / .NET
    • ASP.NET Core
    • EF Core
    • REST APIs
  • Mobile

    • React Native
    • Expo
    • Kotlin
    • Jetpack Compose
  • Data

    • PostgreSQL
    • Redis
    • AWS S3
    • JWT
    • Zod
  • Creative

    • GSAP
    • Three.js
    • Unity
  • Delivery

    • Git
    • Docker
    • GitHub Actions
1 0 0 0 1 0 0 1 1 0 1 1 1 1 1 0 1 0 1 0 0 1 1 0 1 0 0 0 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 0 1 1 0 0 1 1 1 0 1 1 1 1 1 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 1 1 1 1 1 0 0 0 0 1 1 1 1 1 0 0 1

Things I've built.

Products, experiments, and places to explore.

and so much more..

1 0 0 0 1 0 0 1 1 0 1 1 1 1 1 0 1 0 1 0 0 1 1 0 1 0 0 0 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 0 1 1 0 0 1 1 1 0 1 1 1 1 1 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 1 1 1 1 1 0 0 0 0 1 1 1 1 1 0 0 1

Made to beplayed with.

1 0 0 0 1 0 0 1 1 0 1 1 1 1 1 0 1 0 1 0 0 1 1 0 1 0 0 0 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 0 1 1 0 0 1 1 1 0 1 1 1 1 1 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 1 1 1 1 1 0 0 0 0 1 1 1 1 1 0 0 1

G O A T

GOAT

A collection of edits from stories that shaped me. I come back to them for a little inspiration to keep pushing forward. And sometimes, just to remember why I started this journey in the first place.

Scroll to play

1 0 0 0 1 0 0 1 1 0 1 1 1 1 1 0 1 0 1 0 0 1 1 0 1 0 0 0 1 1 0 1 0 0 1 1 1 0 1 1 1 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 0 1 1 0 0 1 1 1 0 1 1 1 1 1 1 1 0 1 0 1 1 1 1 0 0 1 0 1 0 1 0 1 1 1 1 1 0 0 0 0 1 1 1 1 1 0 0 1
Don't be
sorry
be better
Don't be
sorry
be better
GO
LLLL eeee t't't't' ssss
PPPP llll aaaa yyyy
vietanh051203@gmail.com

01 / Capstone

OboxSTEAM

A short tour of OboxSTEAM.

From expert-built curricula to hands-on learning, and the portfolios that make a student’s growth visible.

Build the curriculum.

Structure a program, review it with experts, and publish it.

CURRICULUM / DRAFT MODULES → COURSES → ACTIVITIES EXPERT / REVIEW OBOXSTEAM APPROVED / PUBLISHED
  1. Structure before delivery.

    A curriculum starts as a blueprint: modules, courses, activities, and the rubrics that hold them together.

  2. Make room for another perspective.

    Experts review the work in context. Feedback and revisions travel with the curriculum, all the way to approval.

  3. Ready to become a class.

    A published curriculum becomes the shared foundation for the learning experience that follows.

  4. Curriculum workspace.

    The same chapter in the shipped product. Select the screen to inspect it in full.

Follow a learning path.

Take the curriculum into a class, and keep a record of every step.

CLASS / SMART CITY LAB 01020304 SESSION / QR CHECK IN LEARNING / EVIDENCE A RECORD OF GROWTH
  1. A place to put learning into practice.

    Schedules, mentors, and activities connect the curriculum to self-paced, live online, and offline classes.

  2. A small action. A lasting record.

    Scan a session QR on mobile. The API checks the session and enrollment before recording attendance.

  3. Progress with something to show.

    Assignments, assessments, and evidence build a learning record that follows the student beyond a single class.

  4. Learning workspace.

    The same chapter in the shipped product. Select the screen to inspect it in full.

Make growth visible.

Turn learning evidence into a story a student can publish.

PORTFOLIO / BUILDER MY STORY.
  1. Find the moments that matter.

    Learning footage becomes a personal reel, with video analysis and AI helping select moments around a student’s strengths.

  2. A story with its own author.

    Students arrange sections, choose a theme, and bring evidence and completed highlights into their portfolio draft.

  3. From personal work to a public story.

    Publishing creates a portfolio snapshot on a student microsite. The student’s learning records remain the foundation.

  4. Portfolio builder.

    The same chapter in the shipped product. Select the screen to inspect it in full.

Product screen

Scroll to inspect the complete interface.

One front door. A connected core.

Nginx welcomes the traffic. Separate Compose projects keep the web, API and shared infrastructure connected over one private Docker network.

System anatomy

Shared Docker networkshared-network

Container traffic stays private · Only Nginx publishes public ports

Hover to peek · Click to stay a whileCore parts, connected.
Viet Anh / Curriculum vitae

A little more about me.

Resume / 02 pages
Viet Anh's resume, page 1 of 2. Open the PDF for selectable, accessible text.
Viet Anh / Resume 01 / 02
Viet Anh's resume, page 2 of 2. Open the PDF for selectable, accessible text.
Viet Anh / Resume 02 / 02
Component study

Scraps