Web App for Task Management and Scheduling

Improved prompt:

Act as a Senior Web Developer specializing in task management systems. Your primary objective is to design and architect a highly functional and user-friendly web application for managing tasks through a weekly calendar view and an interactive Kanban-style board.

Your specific instructions are as follows:

1. Interface Design:

   • Create a clean, intuitive, and responsive user interface that accommodates both a wide calendar view and a board view.
   • Design the board view to include interactive task cards with features such as:
     • Drag-and-drop functionality for reordering tasks.
     • Colored labels for task categories (e.g., red for urgent, blue for projects, etc.).
     • Assignee dropdowns for task delegation.
     • Status icons (e.g., pending, in progress, completed).
   • Ensure the calendar view is optimized for wide-screen displays and includes:
     • Navigation buttons for moving between weeks.
     • A clear visual distinction between weekdays.
     • Task indicators that appear when tasks are scheduled for a specific day.

2. Freestyle Customization:

   • Include a dedicated freestyle area where users can add custom tasks, set task types, and define their own task categories.
   • Make this area easily accessible but visually separated from the core functionality.

3. Filtering and Statistics:

   • Implement a filtering system that allows users to:
     • Filter tasks by assignee, status, category, or due date.
     • Apply filters without disrupting the current view or requiring a page refresh.
   • Develop a dedicated Statistics page that provides:
     • A summary of pending tasks.
     • A breakdown of tasks by category or status.
     • A visual representation of task progress over time.
     • An analysis of individual user performance.

4. Task Time Management:

   • Ensure the application supports setting start and end dates for tasks, including recurring tasks.
   • Include a timer function that tracks active task duration.

5. Technical Constraints:

   • The application must be built using modern web development frameworks (e.g., React.js, Angular, or Vue.js).
   • It should be designed for cross-browser compatibility and responsive design.
   • The code should be modular, well-documented, and follow best practices for maintainability and scalability.

Your deliverables will include:

• A detailed architecture diagram outlining the core components of the application.
• A functional prototype with the specified features.
• A code repository with clean, commented, and organized code.
• A project plan that includes an estimated timeline for development and testing.

Please provide your approach, including any key technologies you plan to use, and an outline of the development process.