Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Ghouda Bot is an interactive web application designed to assist thyroid patients by providing multilingual support, accessible medical information, and educational resources. The chatbot will address common questions, explain thyroid conditions, offer validated advice, and guide users through the healthcare system.

## CORE FEATURES
- **Multilingual Support**: Provides assistance in French, Arabic (Classical Simple), Moroccan Darija, and English, ensuring accessibility for diverse users.
- **FAQ Responses**: Offers clear, medically validated answers to frequently asked questions about thyroid health.
- **Educational Content**: Explains thyroid disorders in an easily understandable manner, helping users grasp complex medical concepts.
- **Validated Advice**: Delivers evidence-based tips and recommendations for managing thyroid conditions.
- **Patient Quizzes**: Engages users with simple, educational quizzes that promote understanding and retention of thyroid health information.
- **Gamification Elements**: Rewards users with trophies and badges based on their learning progress and achievements related to thyroid health.

## 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 will consist of a top navigation bar, a central chatbot interface, educational sections, a quiz area, and a gamification dashboard displaying user achievements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user data and quiz results)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, install Tailwind CSS, and configure necessary dependencies.
2. **Design Layout**: Create the main layout structure with a responsive design using Tailwind CSS, focusing on a clean and minimalist aesthetic.
3. **Develop Chatbot Component**: Implement the chatbot interface using state management to handle user queries and responses.
4. **Integrate Multilingual Support**: Use a library for internationalization to manage different language translations within the chatbot.
5. **Create Educational and Quiz Sections**: Develop components for displaying educational materials and interactive quizzes, ensuring the content is engaging and informative.
6. **Implement Gamification Features**: Add logic for tracking user progress and awarding badges or trophies based on their interactions with the app.
7. **Test and Optimize**: Conduct thorough testing for functionality, usability, and responsiveness across devices, making adjustments as necessary.

## USER EXPERIENCE
Users will interact with Ghouda Bot through a straightforward interface that encourages engagement. Upon arrival, they will be greeted by the chatbot, which will guide them through available features. Users can ask questions, take quizzes, and track their learning journey through visible progress indicators. The app will provide a seamless experience across all supported languages, ensuring that information is accessible and easy to understand for everyone.