Bold textAPPLICATION OVERVIEW The Liver Saver app is a mobile android application designed to provide immediate assistance during medical...
Generated Prompt
```markdown ## APPLICATION OVERVIEW The Liver Saver app is a web application designed to provide immediate assistance during medical emergencies, personal dangers, and situations requiring urgent help. It integrates various triggers to automatically alert emergency services and provide critical information to ensure user safety. ## CORE FEATURES 1. **Heart Attack/Medical Trauma Emergency**: One-tap or triple-power-button activation sends the user's location and medical data to the nearest hospital's ER using webhooks. 2. **Active Crime/Personal Danger Alert**: Discreet power button combination sends a silent alert to local police, activates the microphone for real-time audio streaming, and records a 15-second clip for evidence. 3. **Fire/Structural Collapse Emergency**: A dedicated toggle alerts fire brigades, police, and ambulances simultaneously while switching the phone to a low-power beacon mode for search-and-rescue teams. 4. **Severe Car Crash Detection**: Utilizes internal sensors to detect accidents, automatically broadcasting an SOS if the user remains immobile after a violent impact. 5. **Venomous Bite/Poisoning Response**: Quick-action feature using photo recognition to determine the appropriate medical response for wildlife bites or chemical ingestion. 6. **Flash Flood/Drowning Alert**: Activates when moisture sensors detect water ingress, sending an aquatic distress signal with last-known coordinates. ## 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 consists of a header with app branding, a hero section for immediate action, detailed feature sections, and a footer with contact information and links to help. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Use Context API or Redux if necessary for state management. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Components**: Design core components for the hero section, emergency feature buttons, and information display. 4. **Implement Features**: Code the functionality for each core feature, ensuring to handle user permissions for microphone and location access. 5. **Set Up Routing**: If using multiple pages or sections, implement React Router for navigation. 6. **Test Functionality**: Thoroughly test each feature to ensure triggers work correctly and data is transmitted to emergency services. 7. **Deploy Application**: Use a suitable platform (like Vercel) for hosting and deploying the application. ## USER EXPERIENCE The app provides a straightforward interface with large buttons for emergency actions, ensuring quick access in critical situations. Users can easily input their profile information and log their drinks, with visual indicators for their blood alcohol content. The minimalist design enhances usability, while the light theme ensures clarity and ease of interaction. User interactions are streamlined to minimize friction during emergencies, focusing on fast, effective communication with emergency services. ```
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!
