TD
Fully operational
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
Which I use? See below.
My main Tech stack is 
Next.js and 
React as a frontend framework with 
TailwindCSS CSS as a styling library, for the database I use 
Postgres deployed on 
Nginx with 
Django as an ORM, for database management I use 
SQL
Next.jsReactTailwindCSSPostgresNginxDjangoSQLAt last, but not least, I use 
Vscode IDE for creating awesome projects. 🖤
Vscode<
LANGUAGES
/>
JavaScript
TypeScript
Python
HTML
CSS
Node.jsPostgres
MongoDB
SVG Animation<
FRAMEWORKS
/>DjangoReactNext.js
ExpressJSTailwindCSS
TankStack Query
Motion.dev
BetterAuth<
TOOLS
/>Nginx<
PLATFORMS
/>
GitHub
Vercel<
SOFTWARES
/>VSCodePython
Postman
Figma
Photoshop<
DEV OPS
/>GitHub Actions (CI/CD)
Authentication (OAuth, JWT)Few more... but secret hehehe :3
Experience
TA Consultant
Ho Chi Minh City, Vietnam
Junior - Frontend Developer
FrontendFull StackJuly 2025 - Present
- Developing advanced document editing applications with React.js for Word, Excel, and PDF formats
- Building interactive document editors with real-time collaboration features
- Implementing file conversion and processing capabilities for multiple document formats
- Creating responsive user interfaces with Vite and TailwindCSS for optimal performance
- Developing efficient data management solutions using TanStack Query for document operations
- Building custom hooks and components for document manipulation and viewing
- Optimizing application performance for handling large documents and complex editing operations
React.jsNext.jsTypeScriptTailwindCSSTanStack QueryVietDev Studio
Ho Chi Minh City, Vietnam
Fresher - Frontend Developer
Frontend LeadFull StackJan 2024 - June 2025
- Leading frontend development for POD Wedding platform using Next.js SSR for optimal performance and SEO
- Implementing modern UI components with ShadcnUI and TailwindCSS for responsive design
- Building efficient data fetching patterns with TanStack Query
- Developing secure authentication system with JWT tokens and Django Rest Framework
- Creating scalable e-commerce solutions with PostgreSQL database integration
- Implementing CI/CD workflows with GitHub Actions for automated testing and deployment
- Building reusable UI components and custom hooks for consistent user experience
Next.jsTypeScriptReactTailwindCSSTanStack QueryDjangoPostgreSQLJWT AuthenticationIntern - Frontend Developer
Frontend LeadSocial MediaSep 2023 - Jan 2024
- Developed a social media platform focused on storytelling and novel sharing
- Built with Next.js SSR for optimal SEO performance and initial page load
- Implemented consistent design system with ShadcnUI and custom components
- Created efficient data fetching strategies with TanStack Query for caching and prefetching
- Integrated real-time features using WebSockets for notifications and messages
- Developed user engagement systems including liking, sharing, and commenting functionality
- Implemented responsive layouts for mobile and desktop experiences
Next.jsTypeScriptReactTailwindCSSTanStack QueryVercelFreelance
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
- Collaborated with backend developer on RESTful API integration and data flow optimization
JavaScriptHTMLCSSNode.jsExpress.jsJWT AuthenticationMongoDBEducation
FPT College
2023 - 2024
Software Engineering
- Studying 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
- Building applications with React, Next.js and Node.js
- Working on real-world projects with industry partners
- Developing 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.jsTypeScriptTailwindCSS
Shadcn UI
Framer MotionVercelGitHubReactJavaScriptFigmaPostmanVSCode
WebStormE
- 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
Laravel
MySQLTailwindCSSShadcn 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
React
ViteTailwindCSSJavaScriptCSSC
- 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 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
HTMLCSSJavaScript
Local StorageS
- 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 MotionReactAwards
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 College HCM
Won 3rd place in the 2024 JS Talent competition organized by FPT College, demonstrating advanced front-end development skills and creating innovative web applications.Golden Bee Award (6th Edition)
FPT 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 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.
Recent Articles
January 13, 2026 (1mo ago)
NEW
Dynamic Color Extraction
Create YouTube-style adaptive background colors that extract and animate the dominant color from images on hover.
# react# canvas+3 more
July 5, 2025 (8mo ago)
NEW
Unforgettable Memories: Da Nang - Hoi An - Quang Nam Journey with TA Consultant
A meaningful journey exploring Central Vietnam with TA Consultant's dev team and office staff - from the poetic Da Nang beaches to ancient Hoi An and charitable activities in Quang Nam.
# team building# travel+3 more
May 20, 2025 (9mo ago)
A Frontend Developer's Retreat: Navigating Suoi La Ngau with Management
Reflections on a team-building journey to Suoi La Ngau and what it taught me about frontend development at 21.
# career# frontend+1 more
December 6, 2024 (1y ago)
Navigation Menu SSR
Server-side rendered navigation menu with smooth animations and responsive design for better performance.
# react# navigation+3 more