Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that serves as an intelligent library of scientific evidence for nursing and medicine. Users can resolve their clinical doubts through curated sources, with agents reviewing and selecting the best responses. The application will provide a seamless way for healthcare professionals to access reliable information quickly.

## CORE FEATURES
1. **Search Functionality**: Users can search for clinical topics or specific questions to find relevant evidence-based resources and answers.
2. **Curated Content Library**: A comprehensive library containing scientific articles, studies, and clinical guidelines, organized by category and relevance.
3. **Agent Review System**: Agents can submit responses to user inquiries, which are then reviewed and approved before being published for users.
4. **User Feedback Mechanism**: Users can rate the helpfulness of responses, allowing for continuous improvement of content quality.
5. **Bookmarking and Favorites**: Users can save articles or responses for easy access later, enhancing user engagement and retention.
6. **Responsive Design**: A mobile-friendly interface that ensures usability across various devices, enhancing accessibility for all users.

## 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 will feature a top navigation bar with search functionality, a hero section that introduces the platform, followed by a grid display of featured articles, a section for user feedback, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React application with TypeScript and install Tailwind CSS.
2. **Create Core Components**: Develop reusable components for the navigation bar, search functionality, article cards, and feedback forms.
3. **Implement Routing**: Set up routing to handle different views within the application (e.g., home, search results).
4. **Build the Search Functionality**: Integrate a search API or implement a simple filtering mechanism to pull relevant articles from the content library.
5. **Set Up Agent Review System**: Create a dashboard for agents to submit and manage their responses, including approval workflows.
6. **Develop User Feedback Mechanism**: Implement a rating system for users to provide feedback on the usefulness of the responses.
7. **Ensure Responsive Design**: Test and adjust the layout to ensure compatibility across various devices and screen sizes.
8. **Deploy the Application**: Choose a suitable hosting platform (e.g., Vercel or Netlify) to deploy the application for public access.

## USER EXPERIENCE
Users will have a straightforward interaction flow, starting with a simple search in the top navigation. The search results will display relevant articles, and users can click on them to view detailed information. They can also submit questions, which will be routed to agents for review. The feedback mechanism allows users to rate responses, ensuring a continuous loop of quality improvement. The minimalist design ensures that users can navigate easily, focusing on content without distractions.