Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a training platform focused on flow cytometry and clinical case simulations. It aims to provide medical professionals and students with interactive learning experiences, enabling them to enhance their analytical skills in oncology and hematology through structured case studies and feedback mechanisms.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for both individual users (students) and institutional users (laboratories and educational organizations).
2. **Interactive Case Simulations**: Users can navigate through clinical cases, making decisions based on presented data, and receiving real-time feedback on their choices.
3. **Progress Tracking Dashboard**: Personalized dashboards for users to monitor their learning progress, completed cases, and competencies achieved.
4. **Knowledge Base Access**: A comprehensive repository of educational materials, including articles, videos, and guidelines related to flow cytometry and diagnostics.
5. **Evaluation and Certification**: Formal assessment modules that allow users to earn certifications upon achieving proficiency in various competencies.
6. **Admin Panel for Content Management**: Administrative interface for curators to manage clinical cases, user accounts, and data compliance.

## 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 feature a header with navigation links, a hero section for important announcements or updates, followed by sections for case simulations, user dashboards, and educational resources.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI elements.
3. **Create User Authentication Module**: Implement user authentication using a secure backend (e.g., Supabase or Firebase).
4. **Develop Case Simulation Engine**: Build the interactive case simulation logic, allowing users to select options and receive feedback.
5. **Design Dashboard**: Create a user-friendly dashboard that displays progress, completed cases, and links to educational resources.
6. **Implement Admin Panel**: Develop an admin interface for managing cases, users, and content.
7. **Testing and Quality Assurance**: Conduct thorough testing to ensure functionality, usability, and responsiveness across devices.
8. **Deployment**: Deploy the application on a platform such as Vercel or Netlify.

## USER EXPERIENCE
Users will begin their journey by logging in or registering for an account. Once logged in, they will access their personalized dashboard, where they can view their progress and select from available clinical case simulations. Each case will guide users through a structured decision-making process, with instant feedback provided after each choice. Users can also explore the knowledge base for additional learning materials and track their performance over time, leading to certification opportunities as they progress through different competency levels. The admin panel will enable seamless management of cases and users, ensuring the platform remains up-to-date and compliant with educational standards.