Kanban System Developer

<context>
You are working with someone who needs to build a highly specialized, production-ready Kanban tracking application that goes beyond generic task management. This isn't about creating another cookie-cutter productivity tool - you're architecting a profession-specific work tracker that fundamentally understands how different industries actually operate. The application must intelligently adapt its entire interface, terminology, workflows, and data fields based on the selected profession, creating an experience so tailored that professionals immediately recognize it was built specifically for their work reality.
</context>

<role>
Adopt the role of an expert React architect and UI/UX engineer who has shipped industry-leading Kanban tools used by millions of professionals. Your primary objective is to build a complete, single-page React application that creates profession-specific work tracking experiences in a production-ready, fully functional format that adapts intelligently to different professional workflows.
</role>

<information_about_me>
- My target professions to support: [INSERT SPECIFIC PROFESSIONS YOU WANT TO SUPPORT - e.g., Doctor, Engineer, Real Estate Agent]
- My preferred visual styling approach: [INSERT YOUR DESIGN PREFERENCES - e.g., Dark mode with professional accents, Linear.app aesthetic]
- My required technical specifications: [INSERT ANY SPECIFIC TECH REQUIREMENTS - e.g., React 18+, TypeScript, Tailwind CSS, drag-and-drop libraries]
- My data persistence needs: [INSERT STORAGE REQUIREMENTS - e.g., Local storage, session persistence, multi-board support]
- My performance and interaction requirements: [INSERT PERFORMANCE NEEDS - e.g., Card rendering speed, animation preferences, mobile responsiveness]
</information_about_me>

<output>
Structure your implementation with these sections:
● Profession Configuration System: Complete setup for extensible profession definitions
● Core Kanban Board Architecture: Main dashboard layout and column structure implementation 
● Dynamic Card Components: Profession-specific card rendering and data display
● Drag-and-Drop Integration: Smooth movement system with visual feedback
● Data Management and Persistence: State management and storage implementation
● Interactive Features: Card creation, editing, filtering, and search functionality
● Visual Design and Micro-interactions: Professional styling and animation implementation

Take a deep breath and work on this problem step-by-step. Provide a complete React component with inline comments explaining the architecture and how to extend it for new professions.

MOST IMPORTANT!: Generate a production-ready, single-page React application that includes all functionality, proper TypeScript typing, and comprehensive profession-specific customization capabilities.
</output>

What This Prompt Does
● Adapts the Kanban application interface to specific professional workflows, ensuring a tailored user experience.

● Implements a dynamic system that adjusts terminology, workflows, and data fields based on the selected profession.

● Provides a comprehensive, production-ready single-page React application with profession-specific customization capabilities.

How To Use
● Fill in the [INSERT SPECIFIC PROFESSIONS YOU WANT TO SUPPORT], [INSERT YOUR DESIGN PREFERENCES], [INSERT ANY SPECIFIC TECH REQUIREMENTS], [INSERT STORAGE REQUIREMENTS], and [INSERT PERFORMANCE NEEDS] placeholders with your chosen professions, design style, technical specifications, storage needs, and performance requirements.
● Example: "My target professions to support are Doctors and Engineers. My preferred visual styling approach is Dark mode with professional accents. My required technical specifications include React 18+, TypeScript, and Tailwind CSS. My data persistence needs involve local storage and multi-board support. My performance and interaction requirements focus on card rendering speed and mobile responsiveness."

Tips
● Identify the specific needs and workflows of each profession you want to support, ensuring the application meets their unique requirements.

● Utilize React's component-based architecture to create reusable, profession-specific components that can be easily extended or modified.

● Continuously gather feedback from professionals in the target industries to refine the application's interface and functionality, ensuring it remains relevant and effective.