Complete production-quality web application called ImmuniTrack, designed specifically for ASHA workers to help identify children who are at risk...
Generated Prompt
## APPLICATION OVERVIEW INDIAsha is a web application designed specifically for ASHA workers to identify children at risk of missing vaccinations and prioritize follow-up visits. With a focus on simplicity and efficiency, the application streamlines the workflow from child registration to vaccination tracking, ensuring timely interventions for children's health. ## CORE FEATURES 1. **Child Registration**: ASHA workers can easily register children by entering essential details such as name, age, immunization history, and parental information. This process is streamlined with responsive input fields and calculated fields for efficiency. 2. **AI Risk Prediction**: The application integrates a trained machine learning model that analyzes entered data to predict dropout probabilities and classify risk levels for each child, enabling ASHA workers to prioritize follow-ups effectively. 3. **Priority List Dashboard**: The dashboard presents a clear view of high-risk children and their vaccination statuses, allowing ASHA workers to focus on those requiring immediate attention. It includes actionable insights and straightforward navigation. 4. **Child Profile Management**: Each child has a comprehensive profile that provides detailed information, vaccination history, and risk assessment, along with options for marking vaccinations as completed or scheduling follow-ups. 5. **Task Management**: ASHA workers can manage follow-up tasks with a dedicated tasks page, which tracks pending, in-progress, and completed tasks to ensure nothing is overlooked. 6. **Analytics Overview**: A simplified analytics page provides insights into vaccination completion rates, risk distribution, and follow-up performance, helping ASHA workers monitor their impact without overwhelming them with data. ## 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 application features a sidebar for navigation on larger screens and collapsible navigation on mobile. The dashboard uses a multi-column layout for summary cards and detailed views, ensuring information is easy to access and interact with. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Zustand (if more complex global state management is needed) ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with Vite and install necessary dependencies including TypeScript, Tailwind CSS, and shadcn/ui components. 2. **Design the UI Components**: Create reusable components for the sidebar, navbar, forms, cards, and tables. Implement responsive design principles to ensure usability on all devices. 3. **Develop the Core Features**: - Implement child registration with form validation and data handling. - Integrate the machine learning model for risk prediction using FastAPI for backend services. - Create the dashboard and priority list components, ensuring data is fetched and displayed dynamically. 4. **Implement Authentication**: Set up a simple authentication flow for ASHA workers with login functionality and session management. 5. **Build the Child Profile and Task Management**: Develop the child profile page and task management features to streamline follow-up actions. 6. **Create the Analytics Page**: Design a clean analytics overview that provides essential ASHA-level metrics without overwhelming the user. 7. **Test Responsiveness and User Flows**: Thoroughly test the application on various devices to ensure a seamless user experience. ## USER EXPERIENCE The user experience is designed to be highly action-oriented. Upon logging in, ASHA workers are greeted with a personalized dashboard that summarizes their tasks for the day. The main focus is on helping them quickly identify which children require urgent attention based on AI-generated insights. Each interaction is straightforward, with clear calls to action for registering new children, marking vaccinations completed, and managing follow-up tasks. The application is structured to minimize cognitive load, allowing ASHA workers to focus on their essential duties without distraction.
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!
