avatar

NGUYỄN HỒNG QUÂN

Fullstack JavaScript Developer

Core Stack: React, Next.js, Node.js, Azure OpenAI, Cognitive Search, Redis

INTRODUCTION

Senior fullstack JavaScript engineer with 10+ years building scalable, user‑focused web applications. I deliver React/Next.js frontends and Node.js backends, and integrate Azure OpenAI, Cognitive Search, and Document Intelligence to ship production‑ready AI (RAG) features. Recent work includes GPT‑4/5 chat with SSE streaming, hybrid semantic + vector search, section‑aware chunking, and strong guardrails. I care about clean UX, measurable performance, and reliable CI/CD.

EXPERTISE

Artificial Intelligence

  • Document Intelligence: Built systems to extract data from PDFs and images for enhanced understanding.
  • Azure Search Service: Hybrid semantic + vector search solutions.
  • ChatGPT Integration: GPT‑4 powered, context‑aware applications.
  • Project Example: PDF/Image Data Extraction with Azure Document Intelligence and ChatGPT.

Frontend Development

  • React.js, Next.js, Gatsby, Vue.js 3, TypeScript.
  • Strong focus on SEO, dynamic rendering, performance.
  • Component systems: Ant Design, Material UI.

Backend Development

  • Node.js, Express.js, NestJS.
  • Relational and NoSQL: MySQL, PostgreSQL, MongoDB.
  • RESTful and GraphQL APIs.

Cloud and DevOps

  • Azure: Functions, App Service, Cognitive Search; CI/CD with Azure DevOps.
  • AWS: CloudFormation, Lambda, API Gateway, S3, DynamoDB, Route53.
  • Migrations between Azure and AWS with cost/perf optimizations.

Testing and Debugging

  • Unit testing: Jest, Mocha.
  • End‑to‑end: Selenium, Cypress, BrowserStack.

Web Servers

  • Nginx configuration for secure, efficient hosting.

EXPERIENCE

April 2023 – Present

MODEC | DNA

Senior Software Engineer

Remote

Sensei Assistant (Primary Focus)

  • Built a GPT‑4 and GPT‑5 powered assistant with Retrieval‑Augmented Generation (RAG) to help engineers find and understand technical documents faster.
  • Architecture: Azure OpenAI (GPT‑4), Azure Document Intelligence (OCR + layout), Azure Cognitive Search (hybrid semantic + vector), LangChain, React + TypeScript.
  • Streaming (SSE): Server‑Sent Events with heartbeats, backoff/retry, graceful interruption.
  • Redis: Session state store, idempotency keys, per‑user rate limiting, pub/sub for cross‑instance events.
  • Markdown Renderer: Safe, readable Markdown with sanitization, fenced code blocks, syntax highlighting, inline citations and anchors.
  • RAG Design:
    • Ingestion: PDFs/images → Azure Document Intelligence → normalized chunks with metadata.
    • Chunking: Section‑aware based on headings and layout; tables and captions handled.
    • Embeddings & Search: Azure OpenAI embeddings; Cognitive Search with vectors; hybrid scoring (BM25 + vector).
    • Re‑ranking & Citations: Re‑rank top‑k, add citation snippets with page anchors; de‑duplicate near‑identical chunks.
  • Prompting & Guardrails: Grounded answers with citations, token limits, truncation rules, safe‑completion fallbacks; user‑friendly error handling.
  • Reliability & Observability: App Insights tracing/logging with correlation IDs; latency metrics for ingestion, retrieval, generation.
  • CI/CD & Quality: Repo bootstrap, lint/format/test scripts, Azure DevOps pipelines; secrets via Azure Key Vault.
  • Outcomes: Reduced time to look up answers; supported Excel/PowerPoint/PDF/Word; ~1000 DAU.
  • Role: First engineer across frontend, backend, AI workflows, and DevOps.

Bing‑style Document Search

  • UI with facets, filters, preview panes for quick discovery.
  • Pipeline: OCR/structure via Document Intelligence → normalization → Cognitive Search indexing (content + metadata + vectors).
  • UX: Suggestions, filters by asset/type/date, highlight snippets, quick preview with page anchors, keyboard navigation.

MoC (Management of Change) Workflow for FPSO

  • Workflows with approvals, audit trails; attachments with metadata/versioning.
  • Role‑based access, notifications, links to supporting documents.
  • Outcomes: Lead time per change reduced; improved compliance and audit readiness.

Core Tech: React.js, TypeScript; Node.js; Azure OpenAI, Document Intelligence, Cognitive Search; LangChain; Redis; Azure App Service/Functions; Azure DevOps; App Insights; Azure Key Vault.

Dec 2019 – Mar 2023

EDUBAO | EDUBAO.ORG

Software Engineer

Ho Chi Minh City, Vietnam
  • Built Edubao.org, a dynamic web platform for insurance packages targeting students and workers in Germany.
  • Integrated a CMS‑based blog with Squidex.io to support dynamic content.
  • Designed SEO‑friendly pages and enhanced website visibility.
  • Created a search engine for German study programs using Elasticsearch.
  • Automated deployments with Azure DevOps and later migrated to AWS.
  • Technologies: Next.js, Gatsby, GraphQL, React.js, Elasticsearch, Azure DevOps, AWS Lambda.
June 2017 – Dec 2019

8BIT ROCKSTARS | NFQ.ASIA

Web Developer

Ho Chi Minh City, Vietnam
  • Developed transaction management dashboards for Heidelpay to support real‑time revenue tracking.
  • Introduced dynamic filtering and chart visualizations for large datasets.
  • Learned PHP to implement backend workflows processing 200+ TPS.
  • Technologies: React.js, Symfony, MySQL, Chart.js.
July 2015 – June 2017

TRIPOLIS SOLUTIONS

Fullstack Developer

Vietnam
  • Migrated legacy AngularJS applications to React.js, improving maintainability and scalability.
  • Built authentication middleware using Ruby and scalable internal services with Go.
  • Technologies: AngularJS, React.js, Ruby, Go, Redis, RabbitMQ.
Sep 2014 – June 2015

LUDIINO CO., LTD

Front-end Developer

Ho Chi Minh City, Vietnam
  • Contributed to Golfconnect24.com, enabling real‑time online booking and scorecard management for golfers.
  • Technologies: AngularJS.
Apr 2014 – Sep 2014

Eztek Software Development Co., Ltd

Internship

Ho Chi Minh City, Vietnam

Project: Car Finding E-Commerce System (April – June 2014)

PERSONAL PROJECTS

AI References

Extracting image from video - Interview

To use ffmpeg to extract an image at a given timestamp for a given video
GitHub: https://github.com/211211/extract-image-repo/tree/main

EDUCATION

CONTACT & LINKS