02
Developed data-rich tables (sorting/filtering/pagination) using TanStack Table; optimized server-state with 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 production-ready admin dashboard to manage catalog/products, real-time orders, staff, and billing; applied file-based routing and multi-layout architecture for scalable UI.
Key outcomes
7 highlights
03
Delivered real-time order tracking and instant notifications end-to-end via Socket.IO/SSE; merged live updates with cached list data using Pinia + query invalidation strategies.
04
Engineered modular NestJS API (DDD-inspired feature modules: Auth, Catalog, Order, Users); documented endpoints with Swagger and containerized services with Docker Compose.
05
Implemented Closure Table pattern (e.g., category_paths) for hierarchical categories, enabling fast subtree/ancestor queries (O(1) for common reads).
06
Secured the platform with JWT + Refresh Token rotation and Google OAuth2; enforced RBAC via guards/decorators; standardized API responses with interceptors and global exception filters.
07
Ensured ACID order placement using Prisma interactive transactions to atomically create orders, line items, and deduct inventory, preventing data corruption on failures.