Nguyen Dang Khai

Frontend Software Engineer
+84 962 537 022 khainguyendang20@gmail.com Hanoi, Vietnam github.com/khainguyendang20

Summary

Frontend Developer with 2+ years of experience building web applications using ReactJS, Next.js, and modern TypeScript stacks. Proficient in component-based architecture, state management, RESTful API integration, and authentication flows (Azure AD/MSAL). Experienced in delivering enterprise-grade internal tools and consumer-facing platforms. Eager to collaborate with cross-functional teams(designers, backend developers, and stakeholders) to ship scalable, maintainable, and user-friendly products.

Technical Skills

Languages JavaScript, TypeScript. Frameworks ReactJS, Next.js, React Router v7, Zustand, TanStack Query, React Hook Form. UI Tools TailwindCSS, Shadcn/RadixUI, NextUI, Lucide Icons. Auth & Integration MSAL Browser (Azure AD/Entra ID), Axios, WebSocket, Power SDK. DevOps & Tools Vite, Docker, Nginx, Git (GitHub, GitLab).

Education

Hanoi University of Industry 2020 – 2024
Software Engineering

Professional Experience

V365 - TDI Group · Hanoi, Vietnam
Jan 2025 – Present
Frontend Developer
  • Develop and maintain internal enterprise web applications for procurement, asset, and business management.
  • Implement Azure AD (MSAL) authentication with silent token refresh and concurrent request queuing via Axios interceptors.
  • Build role-based access control (RBAC) system controlling access by role and module at the route level.
  • Integrate Power SDK to connect and retrieve data from SQL Server, Office 365, and Microsoft Entra ID.
  • Implement real-time features via WebSocket and support bulk import/export via Excel.
Caper Technology · Hanoi, Vietnam
Jul 2023 – Dec 2024
Frontend Developer
  • Build and maintain consumer-facing web platforms including social networking, NFT marketplace, and e-learning applications.
  • Integrate RESTful APIs and handle data fetching, caching, and state management using Zustand and TanStack Query.
  • Collaborate closely with designers to translate Figma wireframes into responsive, interactive user interfaces.
  • Implement reusable components and ensure modular architecture for scalability and maintainability.
  • Responsible for code review, cleaning, and maintaining code quality across projects.

Projects

BKVN Aug 2025 – Present

An asset and business management web application built with React, TypeScript, Vite, and Power SDK — integrating Microsoft Entra ID and Office 365 for authentication, and connecting to multiple data sources such as SQL Server, Office 365, and Entra ID.

Team: 9 members Role: Frontend Developer
React TypeScript Vite Power SDK TailwindCSS MSAL Browser Zustand
Key Contributions:
  • Build well-structured UI modules: IAM management, quotation, shared UI components, hooks, services, and stores.
  • Configure MSAL for authentication and set up dedicated stores for application state management.
  • Integrate Power SDK to retrieve data from SQL Server, Office 365, and Entra ID.
  • Automatically generate models and services from data source schemas.
PCU Web Client Preview
Jan 2025 – Present

Internal web application for TDI Group to manage procurement, materials, and orders — integrating Azure AD authentication (MSAL), role-based access control (RBAC), and real-time notifications via WebSocket.

Team: 7 members Role: Frontend Developer
React 19 React Router v7 TypeScript TailwindCSS shadcn/ui Zustand TanStack Query MSAL WebSocket Docker
Key Contributions:
  • Implemented silent token refresh with concurrent request queuing via Axios interceptors (handles parallel 401 retries).
  • Integrated MSAL (Microsoft Azure AD) with lazy initialization and localStorage fallback token strategy.
  • Built RBAC system controlling access by role and module at the route level.
  • Build user interface for modules: project & BOQ management, material management, order & supplier, warehouse management, purchase requests, bulk import/export via Excel, real-time notifications.
Malolo Sep 2023 – Nov 2024

Social platform enabling users and organizations to create profiles, share updates, and host events for ticketing, fundraising, auctions, or posts (with interactive features like comments, reactions, notifications, and chat).

Team: 5 members (2 FE, 2 BE, 1 Designer) Role: Frontend Developer
Next.js 13 TailwindCSS Zustand shadcn/ui
Key Contributions:
  • Work closely with backend developers to ensure seamless API integration.
  • Maintain/update UX/UI based on reports from customers and designers.
  • Build user interface for modules: user, project, event, article, fundraiser, auction, chat, comment, and payment systems.
XPocket Jul – Dec 2023

An NFT marketplace with extremely competitive fees and monthly airdrops.

Team: 8 members Role: Frontend Developer
Next.js 14 TailwindCSS Chart.js Imx-sdk
Key Contributions:
  • Work closely with backend developers to ensure seamless API integration.
  • Implement reusable components and ensure modular architecture for scalability.
  • Build user interface: rivals analysis, event, NFT filter, claim center.
DangKhaiEdu Preview
Apr – Jun 2024

Online course platform where users can purchase courses for self-paced learning or sign up as instructors to create and deliver their own courses.

Team: 2 members (1 FE, 1 BE) Role: Frontend Developer
Next.js 14 TailwindCSS TanStack Query NextUI
Key Contributions:
  • Integrate APIs for authentication, payment processing, and course management.
  • Develop responsive, user-friendly UI from Figma and Dribbble references for the online learning platform.