Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"SignHistory" is a modern mobile learning application designed to educate deaf and mute students about Vietnamese history through Vietnamese Sign Language (VSL). This AI-powered platform combines engaging educational content with interactive features tailored for secondary and high school learners, providing an inclusive and accessible learning environment.

## CORE FEATURES
1. **AI Sign Language Learning**: Utilizes AI to teach users VSL through interactive lessons and real-time feedback.
2. **Video-Based Sign Demonstrations**: Provides video tutorials demonstrating sign language for historical concepts and events.
3. **Real-Time Hand Gesture Recognition**: Employs AI to recognize and provide feedback on students' sign language usage.
4. **Learning Progress Tracking**: Allows users to monitor their learning journey and milestones.
5. **Gamification System**: Rewards users with XP for completing lessons and challenges, enhancing motivation.
6. **Historical Storytelling**: Engages users with visually rich narratives that incorporate Vietnamese cultural heritage.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The application will have a card-based interface with a bottom navigation bar, large touch targets, and a clear information hierarchy. Each screen will follow a consistent visual language, integrating friendly student characters and cultural illustrations to create an engaging educational atmosphere.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (depending on complexity needs).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Design the Layout**: Develop the main layout structure using Tailwind CSS, ensuring a responsive design that adapts to various screen sizes.
4. **Create Core Components**: Build reusable components for cards, buttons, and navigation using the specified border radius and typography.
5. **Integrate AI Features**: Work on implementing AI-based functionalities for sign language recognition and learning.
6. **Develop Learning Modules**: Create modules for historical storytelling, integrating video demonstrations and gamification elements.
7. **Test for Accessibility**: Ensure high contrast and usability for deaf and mute students, focusing on readability and touch target size.
8. **Deploy the Application**: Use a suitable platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will interact with "SignHistory" through an intuitive interface that promotes ease of use. They will navigate through a bottom navigation bar, explore learning modules presented as cards, and engage with video content seamlessly. The application will provide instant feedback on sign language practice, and users can track their progress, making the learning experience both enjoyable and effective. Overall, the design prioritizes accessibility and engagement, fostering an inclusive educational environment for all users.