fig.01 — td.voxel
TD
HCMC · open to work
Tien Dat
tiendat220404@gmail.com
About
I am a fullstack developer with a strong focus on frontend development and a passion for building scalable, user-centric web applications. I have experience in React, Next.js, Typescript, Node.js, Python, and more. I love to build products that solve real-world problems and help people achieve their goals. I am always looking for new challenges and opportunities to learn and grow.
Skills
I build full-stack with 
TypeScript: 
Next.js and 
React on the frontend, styled with 
Tailwind CSS and 
shadcn/ui, with 
TanStack Query for server state. On the backend I use 
NestJS and 
Django REST Framework on 
PostgreSQL, through 
Drizzle or 
Prisma. I ship with 
Docker and 
GitHub Actions, test with 
Playwright and 
Vitest, and write code in 
WebStorm and 
VS Code alongside 
Claude Code.
Next.js
React
shadcn/ui
TanStack Query
Drizzle
Prisma
GitHub Actions<
LANGUAGES
/>TypeScript
JavaScript
Python
HTML
CSS<
FRONTEND
/>ReactNext.jsTanStack Router · Query · TableZustand
ReduxTailwind CSSshadcn/ui
React Hook Form
Zod
Vite
Motion
Motion
Leaflet / MapLibre<
BACKEND
/>
Node.jsNestJS
Express
ExpressDjango REST FrameworkPrismaDrizzle
Better Auth
Better Auth
Cloudinary<
DATABASE
/>PostgreSQL
MySQL
MySQL
MongoDB
MongoDB
SQLite<
TESTING & DEVOPS
/>PlaywrightVitestaxe-core
DockerGitHub Actions
Git
Nginx<
AI-ASSISTED DEV
/>Claude Code
Codex
GitHub Copilot
GitHub Copilot<
TOOLS
/>WebStormVS Code
Postman
Figma
Photoshop<
PLATFORMS
/>GitHub
Netlify
Vercel
VercelHow I build
Claude Code
Codex✓ meClaude Code writes, Codex reviews every change, and I decide what ships.
Insights
- > visitors
- 11new
- > page views
- 62new
- > bounce rate
- 58%new
- > avg. visit
- 2m 27snew
fig.02 — daily traffic · source: Umami
Experience
TA Consultant
Ho Chi Minh City, Vietnam
Fullstack Developer
FrontendFull StackJun 2025 - Present
- AGRITA - Agricultural Cooperative SaaS Platform: owning UI/UX design and frontend for 3 connected apps (admin console, farm management, public marketplace) from BA requirements
- Won the Consolation Prize and Most Favorite Project Award at HUIT Startup 2026 (Business Track, city-level, 244 entries) with AGRITA
- Built a shared design system (semantic tokens, data tables, permission-aware screens, loading, empty and error states) reused across all three apps
- Delivered map-based plot management for cooperatives, drawing and editing field boundaries with Leaflet/MapLibre
- Built the marketplace buyer journey: storefronts, product pages, cart, checkout and QR origin tracing
- Added Playwright E2E and axe-core accessibility tests
React.jsNext.jsTypeScriptTailwindCSSTanStack QueryTanStack Router & TableShadcn UILeaflet/MapLibreReact Hook FormZodReduxPlaywrightVitestVietDev Studio
Ho Chi Minh City, Vietnam
Fullstack Developer
Frontend LeadFull StackSep 2024 - Jun 2025
- Led frontend development for a story community platform using Next.js SSR to optimize performance and SEO
- Built and maintained a story community forum with over 10,000 users, supporting reading, community interaction and content sharing
- Built responsive interfaces with Shadcn UI and Tailwind CSS, with efficient data fetching and server-state management using TanStack Query
- Developed secure authentication and authorization with JWT and Django REST Framework
- Set up CI/CD pipelines with GitHub Actions for automated testing and deployment
- Created reusable UI components and custom React hooks to keep the interface consistent
Next.jsReactTypeScriptShadcn UITailwindCSSTanStack QueryDjangoPostgreSQLPython
JWT AuthenticationFreelance
Remote
Frontend Developer - Freelance
FrontendWeb DevelopmentJan 2024 - Jun 2024
- Developed a shoe cleaning service booking application with user-friendly scheduling interface
- Built responsive landing pages and booking workflows with vanilla JavaScript and custom CSS
- Implemented secure user authentication system with JWT for customer accounts
- Created intuitive calendar-based appointment scheduling with real-time availability checking
- Designed mobile-first UI/UX focused on simplicity and ease of use for customers
- Integrated payment gateway for secure online transactions
JavaScriptHTMLCSSNode.jsExpress.jsJWT AuthenticationMongoDBEducation
FPT Polytechnic College
Aug 2022 - May 2024
Associate Degree (College Diploma) in Web Development
- Studied modern software development methodologies and practices
- Achieved 3rd place in JS Talent competition for front-end development skills
- Awarded Golden Bee Award (6th edition) for academic excellence
- Built applications with React, Next.js and Node.js
- Worked on real-world projects with industry partners
- Developed strong fundamentals in algorithms and data structures
JavaScriptTypeScriptReactNext.jsNode.jsPostgreSQLTailwindCSSDjangoPythonGitHubFigmaPostmanVSCodeProject
T
- Built a modern portfolio and blog platform to showcase my projects and technical writing
- Created a component library with reusable UI elements for future projects and demonstrations
- Implemented dynamic content rendering with MDX for rich, interactive blog posts
- Developed a custom theming system with light/dark mode support
- Optimized performance with Next.js Image optimization and static site generation
- Designed mobile-first responsive layouts with clean animations and transitions
- Set up analytics to track user engagement and content performance
Next.jsTypeScriptTailwindCSSShadcn UIFramer MotionVercelGitHubReactJavaScriptFigmaPostmanVSCodeWebStormE
- Developed a comprehensive online booking system for Diamond Medical Clinic to streamline appointment scheduling process
- Implemented secure online payment gateway for patients to pay consultation fees in advance
- Created admin dashboard for clinic staff to manage multiple branch locations, doctors, schedules, and appointments
- Built patient portal allowing users to view medical history, upcoming appointments, and receive reminders
- Integrated real-time availability checking to prevent double-booking of medical resources
React.jsNode.jsExpress.js
LaravelMySQLTailwindCSSShadcn UIW
- Created a pixel-perfect clone of WeUI interface components from scratch using React and TailwindCSS
- Implemented responsive design principles to ensure compatibility across all device sizes
- Built reusable UI components following the WeUI design language without using external component libraries
- Developed interactive animations and transitions to match the native WeUI experience
- Optimized performance using React best practices and code splitting techniques
ReactViteTailwindCSSJavaScriptCSSC
- Built a complete e-commerce platform from scratch with product catalog, shopping cart, and checkout functionality
- Implemented user authentication system with JWT and role-based access control for customers and admins
- Designed responsive UI with TailwindCSS ensuring optimal user experience across all device sizes
- Created admin dashboard for product management, order processing, and inventory tracking
- Developed RESTful API with Express.js for seamless communication between frontend and backend
- Set up MongoDB database with optimized schemas for efficient data storage and retrieval
- Integrated payment processing system with secure checkout flow
ReactViteTailwindCSSNode.jsExpress.jsMongoDBJWT AuthenticationJavaScriptM
- Developed an interactive memory card matching game for FPT Polytechnic College's Game Development Competition
- Implemented core game mechanics including card flipping, matching logic, and scoring system
- Created responsive design with CSS animations for engaging user experience across devices
- Built timer functionality and difficulty levels to enhance gameplay challenge
- Optimized performance with vanilla JavaScript without relying on external libraries
- Incorporated sound effects and visual feedback to improve player engagement
HTMLCSSJavaScriptLocal Storage
S
- Developed a Facebook-like sticker animation system for modern web applications
- Implemented fluid animations using Framer Motion for natural-feeling sticker interactions
- Created custom emoji reactions with dynamic flight paths and physics-based movements
- Built responsive design that works seamlessly on both desktop and mobile devices
- Engineered optimized rendering with React's useMemo and useCallback hooks for smooth performance
- Developed a reusable component library for easy integration into other projects
Next.jsTypeScriptTailwindCSSFramer MotionReactComponents
Awards
Consolation Prize & Most Favorite Project Award - HUIT Startup 2026
Ho Chi Minh City University of Industry and Trade (HUIT)
AGRITA, the agricultural cooperative SaaS platform built at TA Consultant, won the Consolation Prize and the Most Favorite Project Award in the Business Track of the 7th HUIT Startup competition (city-level), which drew 244 projects and over 1,000 contestants, with 37 finalists.
Gemini Certified Educator
Google for Education
Earned Gemini Certified Educator qualification for demonstrating the knowledge, skills, and basic competencies needed to use Google AI in education. Certificate valid through January 30, 2029.Google AI for K12 Educators Certificate
Google for Education
Completed the Google AI for K12 Educators course with a perfect score of 100. Demonstrated proficiency in using Google AI tools to boost productivity and enhance work as an education professional.Next.js SEO Fundamentals Certificate
Next.js Learn Platform
Completed the Next.js SEO Fundamentals course, mastering search engine optimization techniques for Next.js applications including meta tags, structured data, performance optimization, and best practices for improving website visibility and ranking.
3rd Place in JS Talent Competition
FPT Polytechnic College HCM
Won 3rd place in the 2023 JS Talent competition organized by FPT Polytechnic College, demonstrating advanced front-end development skills and creating innovative web applications.
Golden Bee Award (6th Edition)
FPT Polytechnic College HCM
Received the prestigious Golden Bee Award (6th edition) for academic excellence and active contributions to the college's academic activities and community.
Distinguished Graduate
FPT Polytechnic College HCM
Graduated with distinction in Web Development with a GPA of 3.61/4.0, recognized for exceptional web development skills and comprehensive knowledge in information technology.High School Honor Student
Nguyen Viet Xuan High School
Maintained honor student status throughout three years at Nguyen Viet Xuan High School, with excellent academic performance across all subjects, particularly excelling in Mathematics and Computer Science.
