Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Bloody is a web application designed to streamline the management of blood donation appointments and track donor history for users. The app targets blood donors in Spain, providing a simple, aesthetic, and human-centered approach to encourage regular donations and improve donor retention.

## CORE FEATURES
1. **Appointment Management**: Users can easily schedule, modify, and cancel donation appointments with a user-friendly calendar interface.
2. **Donation History Tracking**: A centralized dashboard that allows users to view their past donation dates, locations, and totals in a clear and concise format.
3. **Donation Reminders**: Automated notifications sent to users to remind them of upcoming donation appointments and encourage timely donations based on their history.
4. **Urgent Need Notifications**: A system that alerts users when there is an urgent call for blood donations in their area, encouraging immediate action.
5. **User Profile Management**: Users can create and manage their profiles, including personal information, donation preferences, and health status.
6. **Educational Resources**: Access to informative articles and resources that demystify blood donation, helping users feel more comfortable and informed about the process.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean, simple aesthetic with ample white space, allowing content to breathe and enhancing readability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure accessibility and comfort during reading.
- **Layout**: 
  - A header with navigation links to core features (Home, Appointment Management, Donation History, Resources).
  - A main content area displaying information and interactive elements (calendars, lists).
  - A sidebar for quick links to educational resources and urgent notifications.
- **Typography**: 
  - Primary Font: Geist Sans
    - H1 (Page Titles): 32-36px, semi-bold, spacious letter spacing.
    - H2 (Section Titles): 22-24px, medium weight.
    - Body Text: 16-18px, minimum line-height of 1.6 for comfortable reading.
  - Secondary Font: Geist Mono for metadata, dates, and structured data (14-16px, used sparingly).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and type-safe development.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design.
- **State Management**: Implement React Context API or Zustand for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Define Routes**: Create a routing structure using React Router to manage navigation between core features.
3. **Create UI Components**: Develop reusable components for headers, footers, buttons, and forms using Tailwind CSS styles.
4. **Implement Core Features**: 
   - Build the appointment management calendar using a library like react-big-calendar.
   - Create the donation history dashboard to display user past donations.
   - Set up a notification system using a library like react-toastify for reminders and urgent notifications.
5. **Design User Profiles**: Implement a profile management system with forms for user information and preferences.
6. **Integrate Educational Resources**: Curate and display articles and information related to blood donation.
7. **Testing and Optimization**: Conduct thorough testing for usability and responsiveness across different devices.
8. **Deploy the Application**: Use Vercel or Netlify for seamless deployment and hosting of the web application.

## USER EXPERIENCE
Users will begin by creating a profile, which will guide them through setting up their appointment preferences. The dashboard will display upcoming appointments, a quick view of donation history, and educational resources. Notifications will be delivered in a timely manner, ensuring that users feel supported and informed. The overall interaction should promote a sense of community and encourage users to participate actively in blood donation.