Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an educational tool designed to present a comprehensive 10-minute video on the mathematical workings of word embeddings. It will feature an interactive presentation format, allowing users to engage with the content dynamically while ensuring a clear understanding of the topic. The goal is to provide a structured and visually appealing experience to facilitate learning and help users score full marks on their assignments.

## CORE FEATURES
1. **Interactive Presentation Slides**: Users can navigate through a series of informative slides that cover key concepts, mathematics, and applications of word embeddings.
   
2. **Video Playback Integration**: Seamless integration of a video player to present a 10-minute lecture that visually and audibly explains word embeddings.

3. **Quiz Section**: An interactive quiz at the end of the presentation to reinforce understanding and provide instant feedback.

4. **Resource Links**: Curated links to additional readings and resources for users wanting to dive deeper into the topic.

5. **User Progress Tracking**: A feature that allows users to track their progress through the presentation and revisit sections as needed.

6. **Feedback Mechanism**: Users can submit feedback or questions about the content, enhancing community interaction and support.

## DESIGN SPECIFICATIONS
- **Visual Style**: Employ a minimalist design approach with a focus on clean lines, ample white space, and an uncluttered interface. The overall aesthetic should evoke clarity and focus on content.
  
- **Color Mode**: Utilize a light theme with dark text on light backgrounds to ensure readability and a comfortable viewing experience.

- **Layout**: 
  - A single-column layout for the presentation slides with a sticky navigation bar at the top for easy access to different sections.
  - Responsive design to ensure that the application is accessible on various devices including desktops, tablets, and smartphones.

- **Typography**: 
  - Use a sans-serif font (e.g., Open Sans or Roboto) for body text to enhance readability.
  - Headings should be bold and larger in size to establish a clear hierarchy, with a consistent style applied throughout the application.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component management and type safety.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context API or Zustand for managing application state, ensuring smooth user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
   
2. **Design Layout Structure**: Create the main layout component incorporating the sticky navigation bar and single-column presentation layout.

3. **Develop Presentation Slides**: Implement a slide component that allows for dynamic content rendering based on the topics of word embeddings.

4. **Integrate Video Playback**: Embed a video player component that plays the 10-minute lecture, ensuring it is responsive and visually integrated into the layout.

5. **Build Quiz Functionality**: Develop an interactive quiz component with questions related to the presentation content and handle user inputs for feedback.

6. **Implement Resource Links and Feedback Mechanism**: Add sections for additional resources and a feedback form at the end of the presentation.

7. **Test Responsiveness**: Ensure the application is fully responsive, providing a seamless experience across various devices and screen sizes.

8. **Deploy Application**: Prepare for deployment on a suitable platform, ensuring all components function as expected in a production environment.

## USER EXPERIENCE
Users will start by navigating through the interactive presentation using the sticky navigation bar. Each slide will present clear, concise information enriched with visuals and mathematical explanations of word embeddings. The video will enhance the learning experience, followed by an engaging quiz that tests comprehension. Users can easily access additional resources and submit feedback, fostering an interactive learning environment. The application will prioritize a smooth and intuitive user journey, ensuring all features are easily accessible and responsive.