Appearance
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/hands0.4.16,react-webcam7.2.0 (os week/package.json). - PDF Rendering & Editing:
pdfjs-dist3.11.174,pdf-lib1.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.