← กลับ

AI Chatbot — Smart Complaint Management

เสร็จสิ้น

AI-powered complaint management system — 24/7 intake, automatic classification, urgency assessment, and report export

role: Frontend Developer

React 19TypeScriptViteTailwind v4React Router v7shadcn/uiFramer MotionZustandApexChartsjsPDFhtml2canvas

Overview

Smart Complaint Management System — an AI chatbot that turns user-reported problems into actionable intelligence.

Users submit complaints through a chatbot available 24/7. The AI automatically categorizes each complaint and assesses urgency before routing it to the appropriate responsible party.

Features

  • AI Chatbot — listens, categorizes, and responds with NLP
  • Dashboard — complaint data visualization with ApexCharts
  • QR Code — scan and generate QR codes for tracking
  • PDF Export — generate reports with jsPDF + html2canvas
  • Image Export — screenshot to PNG with dom-to-image-more
  • Animations — smooth transitions with Framer Motion

Stack

Framework:  React 19 + TypeScript + Vite
Routing:    React Router v7 (react-router-dom)
Styling:    Tailwind CSS v4 + shadcn/ui + Framer Motion
State:      Zustand
Charts:     ApexCharts + react-apexcharts
QR:         react-qr-code + qrcode.react + jsqr (scan)
Export:     jsPDF + html2canvas + dom-to-image-more
Dates:      react-datepicker + date-fns
Notify:     Sonner
API:        Axios + axios-retry
Icons:      Lucide React + react-icons + @iconify