Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to help students in the tenth grade classify words based on their types in the English language. It features an interactive game-like interface that includes a timer to track how long students take to answer and provides feedback on their attempts. The main purpose is to enhance vocabulary skills while keeping the experience engaging and educational.

## CORE FEATURES
1. **Word Classification Game**: An interactive game where students classify words into categories (nouns, verbs, adjectives, etc.) with a fun and engaging interface.
2. **Timer Functionality**: A countdown timer that tracks the time taken by students to classify each word, encouraging quick thinking and decision-making.
3. **Attempt Tracking**: The application records the number of attempts students make to classify words, providing insights into their learning process.
4. **Encouraging Feedback**: After each attempt, students receive motivational phrases and encouraging words to boost their confidence and persistence.
5. **Progress Dashboard**: A simple dashboard where students can view their progress over time, including the number of correct classifications and average time taken.
6. **Teacher Insights**: A section for teachers (like Ayat Sharah) to access student performance metrics, helping tailor future lessons based on student needs.

## 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 main layout consists of a top navigation bar, a central game area for word classification, a timer display, and a feedback section. The progress dashboard is accessible via a sidebar.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing game state and user performance)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project with TypeScript and Tailwind CSS.
2. **Create Layout**: Develop the main layout with a navigation bar, game area, timer, and feedback section.
3. **Implement Game Logic**: Code the word classification game mechanics, including word generation and categorization.
4. **Add Timer Functionality**: Implement a countdown timer that resets with each word classification attempt.
5. **Feedback System**: Design and integrate a feedback system that provides encouraging phrases after each attempt.
6. **Progress Tracking**: Set up a dashboard to track and display user performance metrics and insights for teachers.
7. **Testing and Optimization**: Test the application for usability, responsiveness, and performance, making adjustments as necessary.

## USER EXPERIENCE
Students will interact with the application by starting the game, where they will see a word displayed and choose its category. As they classify words, the timer will run, and they will receive immediate feedback on their attempts. The dashboard will allow them to monitor their progress, while teachers can view performance statistics to better understand student challenges and achievements. The overall experience is designed to be engaging, educational, and supportive, fostering a positive learning environment.