Web application, as I am working in a rehabilitation hospital where I'm working with the strategic planning committee.
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for a rehabilitation hospital's strategic planning committee to manage and track multiple tasks assigned to different personnel. It will provide a comprehensive dashboard for follow-up on task progress, facilitate input from users, and ensure higher management has access to real-time updates and visualizations of the tasks. ## CORE FEATURES 1. **Task Assignment**: Ability to assign tasks to different team members, specifying deadlines and responsible individuals. 2. **Progress Tracking**: A dashboard that visually displays the current status and progress of all assigned tasks. 3. **Input Management**: Functionality for users to add comments, updates, and other inputs related to each task. 4. **Management Access**: Special access for higher management to view task progress and team performance metrics. 5. **Visual Dashboard**: Interactive and visually appealing dashboard featuring charts and graphs for easy task follow-up. ## 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 structure will include a sidebar for navigation, a top bar for notifications and user settings, and a central dashboard area for displaying task data and visualizations. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Redux (if complex state management is required) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling. 2. **Design Layout**: Create the main layout structure with a sidebar and top navigation bar. 3. **Develop Core Components**: - Task assignment component to allow users to add and manage tasks. - Progress tracking dashboard displaying visualizations using chart libraries (e.g., Chart.js or Recharts). 4. **Implement State Management**: Use React Context API or Redux to manage the application's state, especially for task data and user inputs. 5. **Create User Authentication**: Implement user login and access control features for management and team members. 6. **Integrate Input Management**: Allow users to add notes and updates to tasks and ensure this data is reflected in the dashboard. 7. **Testing and Iteration**: Conduct user testing to gather feedback and iterate on design and functionality based on user needs. ## USER EXPERIENCE Users will interact with a streamlined interface that allows for easy task management. They will navigate through the sidebar to assign tasks, view progress in the dashboard, and add inputs directly related to their assigned tasks. Higher management can easily access detailed visualizations of overall task progress and team performance, enhancing decision-making and strategic planning. The application will be responsive, ensuring usability across various devices.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
