Foundation of UX designer verified by Google

React 19 · Firebase · Framer Motion · Tailwind CSS

• Hierarchical Firestore schema (users/uid/profiles) — independent watch history per profile
• Real-time "My List" sync — sub-100ms latency
• Code splitting + debounced search — ~40% less API overhead
• Shared element transitions at 60fps

Live Demo · Source

Socket.io · Zustand · Node.js · Express · MongoDB

• WebSocket messaging + typing indicators
• Optimistic UI — messages render before server confirms
• JWT in HTTP-Only cookies (XSS-hardened) + Cloudinary media
• Zero cumulative layout shift via skeleton loaders

Live Demo · Source

Node.js · Express · MongoDB · Redis

• Custom SM-2 algorithm for optimal review intervals
• Redis leaderboard caching — 90% latency reduction (500ms → <50ms)
• MongoDB aggregation pipelines for real-time analytics

Source

React 19 · Node.js · Express · MongoDB · Cloudinary

• Cart engine via useReducer + Context API
• Role-Based Access Control with JWT-protected admin routes
• Server-side pagination, sorting & debounced search

Source

PHP · Laravel · MySQL

• Connects current HCMC University of Education students with alumni for mentoring & career guidance
• Profile setup system with education history, skills, and career interests
• 1-on-1 real-time messaging for private mentorship conversations
• Alumni directory with search & filtering by graduation year, major, and industry

Private repository

React · Node.js · PostgreSQL · Socket.io

• QR-based digital menu — customers scan, browse, and order from their phone
• Real-time order pipeline connecting customers → waitstaff → kitchen via WebSocket
• Kitchen display system with order queue, priority sorting, and completion tracking
• Built for mid-scale restaurants — manages multiple tables, split bills, and order history

Private repository

React 18 · Node.js · Express · MongoDB · Tailwind CSS · Material-UI

• Comprehensive management: students, teachers, courses, classes, attendance, scheduling
• 6-role RBAC: Director, Academic Staff, Accountant, Enrollment Staff, Teacher, Student
• Financial module: tuition tracking, receipts, revenue reports, debt monitoring
• Interactive dashboard with Recharts — real-time analytics and Excel/PDF export
• i18n support (Vietnamese/English) via React i18next
• Team project (3 contributors)

Source

Python · Flask · MongoDB · Folium · A* Algorithm

• A* heuristic pathfinding algorithm to find optimal EV routes between Vietnamese cities
• Smart charging strategy — charges only enough to reach the next high-power station, saving wait time
• Anchor-point system for long North-South routes (Đà Nẵng, Nha Trang) — prevents sea-crossing paths
• Anti-ghost cost: deduplicates toll station charges from overlapping camera zones
• Filters: avoid highways, toll stations, or ferries — with real-time cost breakdown (electricity + tolls)

Source

HTML5 · CSS3 · Vanilla JavaScript

• Pixel-perfect Flexbox + Grid layout, no frameworks
• Mobile-first responsive design
• Vanilla JS DOM manipulation & event delegation

Source