HELLO

Preparing the experience

Hi! I'm Thien

Fullstack DeveloperUI & UX Designer.

scroll down

I'mThienaFullstackDeveloperwhoanalyzes,builds,tests,deploys,andmaintainsreliable,high-performanceweb,mobile,andfull-stackapplications.
Delivering system reliability and seamless performance through structured analysis and fullstack development.

I enjoy being involved in all stages of development—from planning and coding to testing, deploying, and keeping things running. I focus on building web, mobile, and full-stack applications that are simple, fast, and easy to maintain. By writing clear code, I try to make sure the system remains stable as the project grows.

Years of Experience (Included both work and personal experience.)

0+

Projects Completed (Included both short-term and long-term projects.)

0+

Turning concepts into functional software through structured development.

01

Web Development

Building responsive, high-performance web applications using React and Next.js. Focus on writing clean code, structuring maintainable layouts, and ensuring seamless integration with server-side APIs.

02

Mobile Development

Creating cross-platform mobile applications with React Native. Focusing on smooth user experiences, optimized rendering performance, and reliable native feature integrations.

03

API & Database Architecture

Structuring reliable database schemas using PostgreSQL, MySQL, and MongoDB. Designing clean RESTful APIs and implementing real-time communications alongside secure payment gateways.

04

Testing, Security & DevOps

Ensuring application stability through automated integration and E2E testing. Implementing secure authentication systems (OAuth, JWT) and containerizing services using Docker for reliable deployments.

05

AI Integration & Productivity

Integrating modern AI models to build smart features like conversational assistants and automated data processors. Actively utilizing AI developer tools to accelerate coding workflows, speed up prototyping, and streamline debugging.

Outstanding ProjectsBookmark Icon
Outstanding ProjectsBookmark Icon
Outstanding ProjectsBookmark Icon
Outstanding ProjectsBookmark Icon
Blaie project preview

Productivity Platform

Blaie

A full-stack productivity workspace for capturing information, organizing tasks, managing notes, and keeping personal schedules in one structured place.

  • Designed and built Blaie, a cross-platform note-taking and task-organizing application with a modular monolith backend in Java 25 and Spring Boot, an interactive 3D web frontend in Next.js and Three.js, and a React Native mobile client.
  • Architected the backend with Spring Modulith and Domain-Driven Design principles to enforce strict service boundaries between ingestion, tasks, notes, and background-worker modules.
  • Engineered an asynchronous, event-driven background processing pipeline with Spring Application Events and Redis to ingest voice recordings, images, and text, reducing capture response times to under two seconds.
  • Implemented Google OAuth authentication and role-based access control with Spring Security to secure REST endpoints and protect user data privacy.
  • Integrated Speech-to-Text with Whisper and Vision LLMs to transcribe dictation, analyze photos, and extract structured metadata such as due dates, priority, tags, and categories into PostgreSQL.
  • Developed the iOS and Android mobile client in React Native with native camera access, voice recording, and APNs/FCM push notifications for real-time task reminders.
  • Implemented secure uploads to AWS S3, storing only metadata and file references in PostgreSQL managed through Flyway migrations.
  • Built the web client with Next.js 16, React 19, and TypeScript, including a React Three Fiber knowledge graph for visualizing tasks and notes.
  • Containerized the application, database, cache, and background workers with Docker and Docker Compose for consistent development, testing, and deployment environments.
  • Established automated quality gates with Testcontainers for database and Redis integration tests, ArchUnit for architectural compliance, and Playwright/Vitest for frontend end-to-end testing.
Next.jsSpring BootPostgreSQLRedis
Bookera project preview

Book Marketplace

Bookera

A modern book discovery and marketplace platform where readers can browse books, save favorites, buy and sell used books, chat with sellers, and ask an AI assistant for recommendations.

  • Designed a reader-first marketplace that combines book discovery, wishlists, used-book listings, and seller communication in one responsive experience.
  • Built the frontend with Next.js and TypeScript, backed by an Express API using Sequelize and MySQL for catalog, user, listing, order, and notification data.
  • Integrated Open Library to enrich search and book metadata while allowing users to create and manage their own used-book listings.
  • Implemented Google OAuth, JWT sessions, protected user workflows, and Cloudinary uploads for seller-provided book photos.
  • Connected Stripe Checkout and webhooks to create secure payment flows and keep marketplace order states synchronized.
  • Delivered real-time seller messaging and notifications with Socket.IO so buyers and sellers can coordinate directly in the platform.
  • Created Kera, an OpenAI-powered assistant that answers reader questions and suggests books based on natural-language prompts.
Next.jsExpressStripeSocket.IOOpenAI
GumiCase project preview

Custom Commerce

GumiCase

A custom phone case storefront where customers upload a favorite image, tailor the case design to their device and preferences, then complete a secure order online.

  • Designed a custom-commerce flow that takes customers from photo upload and crop through a live phone-case preview, product configuration, and secure checkout.
  • Built the storefront in Next.js with an interactive configurator for device model, material, finish, and color options before the order is placed.
  • Implemented image upload, validation, and crop handling with UploadThing and browser-based editing to create a production-ready personalized product preview.
  • Integrated Kinde authentication, Prisma, and PostgreSQL to persist user accounts, configurations, payment records, and fulfillment data.
  • Connected Stripe Checkout and webhooks to validate paid orders, capture billing and shipping data, and keep order state accurate.
  • Added Resend transactional email confirmations and a protected admin dashboard for weekly and monthly revenue tracking, incoming orders, and fulfillment status updates.
Next.jsPrismaPostgreSQLStripeUploadThing
QuizDuel project preview

Realtime Game

QuizDuel

A real-time multiplayer quiz duel game where players create lightweight accounts, enter matchmaking, join a live match room, and answer generated quiz questions together.

  • Designed a real-time multiplayer quiz experience where players create lightweight accounts, receive a login secret, select a topic, and enter matchmaking.
  • Built the game client in Next.js and TypeScript with protected routes for login, matchmaking, match rooms, waiting states, and timed quiz interactions.
  • Implemented Socket.IO events to synchronize the queue, room membership, question readiness, player activity, and match lifecycle across both participants.
  • Integrated OpenAI to generate quiz questions dynamically and MongoDB to store quiz content and match-related game data.
  • Used Redis-backed match state and Redlock coordination to avoid duplicate matchmaking work and keep concurrent game actions consistent.
  • Added cleanup flows for cancelled and completed matches so queued players, rooms, and generated quiz data are released reliably.
Next.jsSocket.IORedisMongoDBOpenAI

From first lines of code to full-stack product engineering.

The Next Journey

Ready to Build With You

Ready to turn ideas into thoughtful, reliable products, learn through every challenge, and build software that people can genuinely use.

Now

Product-Grade Systems

Architecture, Testing, and Delivery

Began building complete products including Blaie, Bookera. This stage brought together backend architecture, databases, authentication, payments, AI integration, testing, Docker, Spring Boot, and practical product delivery.

2026

Beyond the Frontend

Full-Stack and Real-Time Development

Stepped into backend and real-time development with Node.js, Express, MongoDB, Redis, Socket.IO, and API design. React Native added a mobile perspective to how product experiences extend across platforms.

2025 - 2026

From Pages to Systems

Frontend Engineering Foundations

Expanded into React, Redux, TypeScript, Tailwind CSS, TanStack Query, and Next.js. The work moved beyond building pages to designing responsive interfaces, reusable components, state flows, and maintainable frontend structure.

2024 - 2025

A Serious Turn

Structured Learning Begins

Started pursuing fullstack development with real intention. The focus shifted from isolated tutorials to structured practice, stronger JavaScript foundations, and a clear full-stack direction.

2024

Learning by Building

Practice Through Small Projects

Turned fundamentals into small experiments, layouts, and interactive pages. This period was about learning through repetition, testing ideas, and understanding how code becomes an experience on screen.

2023

The First Spark

First Steps in the Web

First encountered HTML, CSS, and JavaScript. What began as curiosity about how websites work became the starting point for a long-term interest in building for the web.

2022

Frontend & Mobile Engineering
Backend & API Architectures
High-Performance Databases
Testing, Security & DevOps
System Design & Architecture
AI-Powered Automation
Frontend & Mobile Engineering
Backend & API Architectures
High-Performance Databases
Testing, Security & DevOps
System Design & Architecture
AI-Powered Automation
01

Frontend & Mobile

ReactJS
Next.js
React Native
Redux Toolkit
TanStack Query
TypeScript
JavaScript (ES6+)
TailwindCSS
SASS/SCSS
CSS3
Figma (UI/UX)
02

Backend & Architectures

Node.js (ExpressJS)
Java (Spring Boot, Spring Modulith)
C# (.NET, ASP.NET Core)
System Design
System Architecture
Domain-Driven Design (DDD)
Design Patterns
RESTful APIs & WebSockets
03

Databases & Caching

SQL (PostgreSQL, MySQL, SQL Server)
NoSQL (MongoDB)
Caching & Distributed Lock (Redis, Redlock)
ORMs (EF Core, Sequelize)
Database Migration (Flyway)
04

Testing & QA

Vitest
Supertest
React Testing Library
Testcontainers
ArchUnit
Playwright
05

Security & Auth

OAuth 2.0
Google Login
JSON Web Token (JWT)
Bcrypt
Spring Security
RBAC
ABAC
ReBAC
OWASP API Security Compliance
06

DevOps & Services

Docker
Docker Compose
Git
GitHub
Stripe API
Checkout & Webhooks
Cloudinary
Resend API