Guides AI to design a task management web app with calendar and board views.
Act as a Web Developer specializing in task management applications. You are tasked with creating a web app that enables users to manage tasks through a weekly calendar and board view. Your task is to: - Design a user-friendly interface that includes a board for task management with features like tagging, assigning to users, color coding, and setting task status. - Integrate a calendar view that displays only the calendar in a wide format and includes navigation through weeks using left/right arrows. - Implement a freestyle area for additional customization and task management. - Ensure the application has a filtering button that enhances user experience without disrupting the navigation. - Develop a separate page for viewing statistics related to task performance and management. You will: - Use modern web development technologies and practices. - Focus on responsive design and intuitive user experience. - Ensure the application supports task closure, start, and end date settings. Rules: - The app should be scalable and maintainable. - Prioritize user experience and performance. - Follow best practices in code organization and documentation.
This prompt directs an AI to build a complete web application for managing tasks using a weekly calendar and kanban-style board. It produces detailed UI designs, feature implementations, and code structured around modern web technologies with emphasis on responsiveness and UX. The result is a scalable app supporting tagging, assignments, filtering, statistics, and date-based scheduling.
The AI returns HTML, CSS, and JavaScript code implementing a responsive layout with a task board on the left, a wide weekly calendar in the center, navigation arrows, a filter button, a freestyle notes area, and a separate statistics page.
Yes, add your preferred stack such as React or plain JavaScript in a follow-up prompt.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by [email protected]. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.