Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for interactive learning, featuring smooth transitions and impressive visual effects that enhance user engagement. The main purpose is to facilitate learning through tests, quizzes, and flashcards while ensuring a seamless language-switching experience between French and English.

## CORE FEATURES
1. **Interactive Learning Modules**: Engaging content delivery with animations that help users absorb information effectively.
2. **Tests and Quizzes**: Users can take assessments to test their knowledge, with instant feedback on their answers.
3. **Flashcards for Summaries**: Key concepts are presented in a flashcard format to aid memorization and quick revision.
4. **Smooth Language Toggle**: A button for switching between French and English without disrupting the user’s scroll position, maintaining a smooth transition.
5. **Dynamic Transitions**: Eye-catching animations and transitions that make the navigation feel fluid and engaging.

## 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**: A single-page layout with a hero section at the top, followed by learning modules, tests, flashcards, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (as needed for global state management)

## IMPLEMENTATION STEPS
1. **Set Up React App**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI components.
3. **Create Layout Structure**: Develop the main layout structure with a hero section, modules for tests and quizzes, and a flashcard section.
4. **Implement Language Toggle**: Create a component that allows users to switch languages smoothly without page jumps.
5. **Add Animation Effects**: Utilize CSS animations and libraries like Framer Motion to create smooth transitions between sections.
6. **Build Interactive Components**: Develop interactive learning modules, quizzes, and flashcards using the specified UI components.
7. **Test Functionality**: Ensure all features work correctly, especially the language toggle and interactive elements.
8. **Optimize for Responsiveness**: Ensure the application is fully responsive and accessible across different devices.

## USER EXPERIENCE
Users will encounter a visually appealing and engaging interface that allows them to learn interactively. Transitions between sections will feel smooth and natural, enhancing the overall user experience. The language toggle will provide convenience, maintaining their scroll position and allowing for an uninterrupted learning flow. Interactive elements will keep users engaged, facilitating effective learning and retention of information.