Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a payment portal for the Colegio de Médicos Departamental La Paz. It will serve as a platform for managing payments and displaying public profiles of medical professionals. The application aims to streamline payment processes while ensuring a user-friendly experience.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for medical professionals and administrative staff.
2. **Payment Processing**: Integration with payment gateways to facilitate secure transactions for services and fees.
3. **Public Profiles**: Display profiles of registered medical professionals, including their qualifications and specialties.
4. **Dashboard**: A user-friendly dashboard for medical professionals to manage their profiles, view payment history, and update information.
5. **Notifications**: Alerts for payment confirmations, upcoming fees, and profile updates.
6. **Admin Panel**: Backend access for administrators to manage users, payments, and oversee the operation of the portal.

## 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, a hero section on the landing page, and a clear grid structure for displaying profiles and dashboard information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user state and payments)

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Layout**: Create a responsive layout using Tailwind CSS, incorporating the specified design elements.
3. **User Authentication**: Implement user authentication with secure login and registration flows.
4. **Payment Integration**: Add payment gateway integration for processing transactions.
5. **Profile Management**: Develop the functionality for medical professionals to create and update their public profiles.
6. **Dashboard Development**: Build the dashboard for users to manage their accounts and view payment history.
7. **Admin Panel Creation**: Create an admin panel for managing users and overseeing payments.
8. **Testing and Deployment**: Conduct thorough testing of all features and deploy the application to a hosting platform.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of navigation. Users will easily access the login page, navigate to their dashboards, and manage payments with minimal clicks. The public profiles will be searchable and offer filtering options to enhance user interaction, ensuring that medical professionals can be easily found by potential clients. Alerts and notifications will keep users informed about payment statuses and profile updates, enhancing overall engagement with the platform.