Tuong Vi
Front-end Develo
Nguyen Ngoc Tuong Vi
Front-end Develo
+84 37 953 1098
About Me

I am Nguyen Ngoc Tuong Vi, front-end developer. I have more than 4 years of experience in building dynamic and engaging user interfaces for web applications.

  • Gender Female
  • Birthday 26/09/1998
  • Address Ho Chi Minh City
Summary
My expertise spans across ReactJS and Next.js, enabling me to create responsive, high-performance, and scalable web solutions.
As a passionate learner, I am always exploring new technologies, tools, and frameworks to stay ahead of the curve. I enjoy working with cross-functional teams and building advanced web solutions that meet customer needs.
I am passionate about creating beautiful and functional user interfaces and am always looking for new challenges and opportunities to grow as a developer.
Resume
Experience
VietNam Blockchain Corporation
06/2023 - Present

BiwaseAI – Internal AI Chat Platform
Next.js 15, React 19, TypeScript, TailwindCSS, ShadcnUI, TanStack Query
  • AI-powered assistant for internal communication and knowledge sharing
  • Real-time streaming responses via native fetch streams
  • Performance optimization with virtual scrolling, message caching — 40% memory reduction
  • Voice features including recording, playback, and translation
  • Modular architecture using Context API, custom hooks, and Zod validation
  • Enhanced UX with dark mode, responsive layout, and animated streaming
Delivered BIWASE's first AI-integrated chat platform, combining streaming, audio, and multilingual features in a single, scalable app.
WaterSense – Real-time IoT Monitoring Platform

React 18, TypeScript, Redux Toolkit, React Query, TailwindCSS, ApexCharts, Mapbox GL, Socket.io
  • Enterprise IoT monitoring for real-time tracking and management of smart water devices across multiple provinces
  • Scalable architecture using modular structure, lazy loading, and TypeScript for type safety
  • Hybrid state management combining React Query for optimal performance
  • GIS visualization with Mapbox GL and Turf.js, custom draw tools, and 3D map views
  • Real-time dashboards with Socket.io and ApexCharts for dynamic sensor data visualization
  • Enhanced UX with HeroUI components, dark/light mode, Framer Motion animations
  • Multi-tenant support with role-based routing and export tools (PDF/XLSX)

Deployed a robust, real-time water monitoring platform combining GIS, analytics, and IoT visualization — establishing the foundation for BIWASE's smart water management ecosystem.
CRM Biwase – Customer & Operation Management System
React 18, TypeScript, Redux Toolkit, React Query, TailwindCSS, DaisyUI, Socket.io
  • Comprehensive CRM system for managing customers, contracts, maintenance, and reporting across BIWASE's operations
  • Modular architecture with clear separation of concerns and full TypeScript type-safety
  • Secure authentication using JWT with automatic refresh and role-based routing
  • Reusable UI components with TailwindCSS and DaisyUI for consistent, responsive UX
  • Real-time updates and notifications across modules using Socket.io
  • Data export & visualization using React Table, ApexCharts, Highcharts, ExcelJS, and @react-pdf/renderer
  • Performance optimization with lazy loading, Vite code-splitting, and React Query caching

Launched BIWASE's first company-wide CRM platform—modernizing customer management, improving operational efficiency, and serving as a scalable foundation for future systems.
ITBee Solutions
01/2021 - 05/2023
CRM System
ReactJS, TypeScript, Socket, TailwindCSS, MUI
  • User management - User, Employee, Customer
  • Organization management - Department, Role
  • Inventory management - Stock, Import, Export
  • Product management - Category, Product, Order
  • Communication - Real-time chat system
E-commerce Platform
ReactJS, JavaScript, Ant Design
  • Product management for affiliate and e-commerce websites
  • Human resource management system
  • Ranking system for performance tracking
  • Commission management and tracking
Real Estate Platform
ReactJS, TypeScript, MUI
  • Marketplace platform for real estate industry
  • Real-time messaging system
  • Recommendation system for property matching
  • Advanced analytics and reporting features
Education
2016 - 2020
Ho Chi Minh University of Nature Resources and Environment
Ho Chi Minh City

Bachelor's Degree in Information Technology

My Skills
Programming Languages
  • JavaScript
  • Typescript
Web Front-end Technologies
  • ReactJS/NextJS
  • HTML/CSS
Dev tools
  • Git, VS Code
  • Jira, Trello
Languages
  • English: read and understand documents. Good communication
  • Vietnamese: native speaker
My project
This is a project to clone the user page of an e-commerce platform Shopee
Technologies: REST API, ReactJs, Typescript, React Hook Form, Yup, React Query, Vite, ESLint, Prettier, React Helmet
Functions include:
  • Login management with JWT with automatic token refresh applied
  • Validate form with Yup and React Hook Form
  • Synchronize pagination, filtering, product search on URLs to easily share results between machines
  • Asynchronous state management with React Query
  • Code Splitting
  • Optimize build file size analysis for good performance
  • SEO with React Helmet
  • Separate private route and public route