Build Profession-Specific Kanban Apps
Create a profession-specific Kanban app with this AI prompt, adapting to industry workflows and terminology.
- 66views
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>