Project Title: Signappse - Friendly AI Sign Language Tutor

Context & Problem Statement: Build a high-fidelity, interactive React prototype for "Signappse."

The Problem: Over 500,000 people in the US alone use ASL as their primary language, yet learning resources are stuck in the past. Learners face a "Mirror Limit"—they practice alone without feedback, never knowing if their hand shape or speed is correct. They need a solution that is encouraging, not intimidating.

The Solution: Signappse is a friendly, accessible app that uses computer vision to act as a "smart mirror." It tracks hand movements in real-time, offering gentle, gamified corrections to help users build confidence and fluency.

Tech Stack:

• React (Vite)
• Tailwind CSS (styling)
• Lucide React (icons)
• Framer Motion (smooth, playful animations)
• React-Webcam (camera access)

Core Requirements & "Fake" Functionality:

1. Visual Style:

• Theme: Light mode default. Clean, airy, and warm.
• Palette:
  • Primary: Soft Teal/Mint (calming, learning-focused).
  • Secondary: Warm Coral (for buttons and calls to action).
  • Neutral: Slate Gray (for text) and Off-White (backgrounds).
• Vibe: Friendly, human-centric, and playful. Less "Minority Report," more "Duolingo."
• UI Shapes: rounded corners (buttons, video frames), soft drop shadows, and "bouncy" micro-interactions.

2. Key Views/Pages:

• Onboarding & Calibration (Warm Welcome):
  • A friendly welcome screen: "Hi! Ready to learn ASL?"
  • Calibration: Display the live webcam feed with a soft, rounded frame.
  • The Overlay: Instead of a robotic grid, use a soft, dotted outline of two hands that "pulses" gently.
  • Message: "Wave your hands to start!" -> Transition to "Great, we can see you!" with a confetti pop.
• Dashboard (The Path):
  • A scrollable learning path (like a map).
  • Stats: "Daily Streak" (fire icon), "Signs Learned" (book icon).
  • Visuals: Use illustrations of diverse people signing, not abstract 3D nodes.
• Lesson Mode (Split Screen):
  • Top Half: A video player frame for the lesson.
  • Bottom Half: The user's live webcam.
  • The Overlay: A semi-transparent, cartoon-styled hand guide over the user's video.
  • Interaction: Button "Try 'Hello'."
  • Success State: When clicked, the guide turns Mint Green, a "ding" sound icon visual appears, and a message says "Perfect Form!"