Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Ancora is a web application designed to assist families of elderly individuals suffering from Alzheimer’s or dementia by providing a platform to set up alarms and notifications. This application will help ensure users remember essential daily tasks such as bathing, eating, drinking water, and taking medications, especially when they are alone.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and log-in process for family members to create and manage their accounts.
2. **Alarm/Reminder Setup**: Users can set personalized alarms for various tasks, which can be adjusted based on individual needs.
3. **Notification System**: Push notifications and reminders sent to users’ devices to ensure tasks are not forgotten.
4. **User Profiles**: Family members can create profiles for their elderly relatives, allowing customized settings and alarms for each individual.
5. **Activity Log**: Track completed tasks and reminders to provide insights into the elderly user’s daily routine and adherence.
6. **Emergency Contact Feature**: Quick access to emergency contacts in case of missed alarms or urgent situations.

## 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 feature a top navigation bar, a hero section displaying key features, and sections for alarm setup, activity log, and user profiles arranged vertically for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Create a new React project using Create React App with TypeScript support and install Tailwind CSS.
2. **Implement routing**: Use React Router for navigation between different sections of the application (home, alarm setup, user profiles).
3. **Create user authentication**: Set up authentication using Firebase Authentication or a similar service to manage user accounts and sessions.
4. **Develop the alarm/reminder feature**: Create components for setting and managing alarms, integrating date and time pickers.
5. **Build the notification system**: Implement push notifications using the Web Notifications API or a third-party service for reminders.
6. **Design user profiles and activity log**: Create components to manage user profiles and display activity logs effectively.
7. **Ensure responsiveness**: Test the application across various devices and screen sizes, adjusting CSS styles as necessary for a seamless experience.
8. **Conduct user testing**: Gather feedback from potential users to refine features and improve usability.

## USER EXPERIENCE
Users will be greeted with a welcoming hero section that highlights the main purpose of Ancora. After logging in, they can easily navigate to set alarms and view activity logs through a straightforward interface. The alarm setup will be intuitive, with simple forms and clear options. Notifications will be timely and unobtrusive, ensuring users feel supported while maintaining their independence. The overall experience will focus on simplicity and ease of use, making it accessible for users of all ages and technical abilities.