Skip to content

Step 0 Pre-Check: Project Type Detection ​

Detected Project Type ​

Primary Type: Full-Stack Computer Vision & Interactive Presentation Platform (React 18 + TypeScript + Vite + Node.js/Express + MediaPipe Hands + PDF.js) Sub-Category: Touchless Gesture Human-Computer Interaction (HCI), Real-Time Optical Landmark Tracking, In-Browser Vector PDF Annotation.

Evidence ​

  • Computer Vision Model: @mediapipe/hands 0.4.16, react-webcam 7.2.0 (os week/package.json).
  • PDF Rendering & Editing: pdfjs-dist 3.11.174, pdf-lib 1.17.1.
  • Frontend Framework: React 18.2.0, Vite 4.4.0, Tailwind CSS 3.3.0, Lucide React.
  • Backend Server: Node.js / Express 4.18.2 (server.ts), Multer 1.4.4 (file upload), JWT, bcrypt.
  • Core Components: GestureControl.tsx, GestureGuide.tsx, App.tsx, camera tracking hooks.

Documentation Track ​

  • Full Stack / Computer Vision Track: 21-point hand landmark topology, optical frame rate stabilization, gesture debounce heuristics, canvas overlay synchronization, and PDF document pipeline.