02
Implemented data-rich tables (sort, filter, paginate) with TanStack Table; optimized server-state via TanStack Query caching, background refetching, and optimistic updates.
Project Detail
Admin CMS
Fullstack Developer / VietnamBooking
Admin CMS is a fullstack developer project for VietnamBooking, built with Vue 3, Vite, TypeScript, Tailwind CSS 4 and focused on performance, scalability, and product experience.
Screenshot 1 / 5
Overview
What this project delivered
Built a production-ready admin dashboard for catalog, real-time orders, staff management, and billing; used file-based routing with multi-layout architecture for a scalable UI structure.
Key outcomes
7 highlights
03
Delivered end-to-end real-time order tracking and notifications via Socket.IO/SSE; merged live updates into cached list state using Pinia and query invalidation strategies.
04
Engineered a modular NestJS API (DDD-inspired: Auth, Catalog, Order, Users); documented with Swagger and containerized all services with Docker Compose.
05
Applied the Closure Table pattern for hierarchical category storage, enabling O(1) subtree and ancestor reads without recursive queries.
06
Secured the platform with JWT + Refresh Token rotation and Google OAuth2; enforced RBAC via NestJS guards/decorators; standardized API responses with global interceptors and exception filters.
07
Guaranteed ACID order placement using Prisma interactive transactions to atomically create orders, line items, and decrement inventory — eliminating data corruption on partial failures.