Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a Web Application designed to serve as the official portal for members of the Club Atlético San Martín de Tucumán. This platform will replace the current system with a modern, secure, and responsive solution that enhances user experience, offering functionalities comparable to leading Argentine sports club portals.

## CORE FEATURES
1. **User Authentication**: A secure login and registration system, including two-factor authentication via email for enhanced security.
2. **Dashboard**: A modern, intuitive dashboard displaying member information such as membership status, upcoming events, and payment details.
3. **Member Management**: Features for existing members to manage their accounts, including viewing and updating personal data, payment history, and digital membership cards.
4. **Admin Panel**: An independent interface for administrators to manage member accounts, payments, and events, as well as generate reports and statistics.
5. **Responsive Design**: Full compatibility with various devices ensuring a seamless experience on smartphones, tablets, and desktops.
6. **Email Verification and Password Recovery**: Secure processes for verifying email addresses during registration and recovering forgotten passwords.

## 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 layout will consist of a full-screen login page featuring a dynamic background image of Estadio La Ciudadela, followed by a collapsible sidebar dashboard with sectioned content areas for user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React 19 with TypeScript
- **Styling**: Tailwind CSS for responsive design
- **UI Components**: Bootstrap 5 and Bootstrap Icons for consistent UI elements
- **State Management**: React Context API or a state management library if needed

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize the project using Vite for React with TypeScript. Install necessary dependencies (Bootstrap, Axios, etc.).
2. **Design Login Page**: Create a full-screen login page with background image and overlay. Ensure it captures user credentials cleanly.
3. **Implement Authentication**: Develop user registration, login, and two-factor authentication (2FA) using JWT. Set up email verification and password recovery flows.
4. **Develop Dashboard**: Create the main dashboard with a header and collapsible sidebar. Implement sections for member data, account management, and payment history.
5. **Admin Panel Creation**: Build the admin interface for managing member accounts, payments, and other administrative tasks.
6. **Testing and Optimization**: Conduct thorough testing for responsiveness and functionality across devices, ensuring security measures are in place.

## USER EXPERIENCE
Users will have a streamlined journey from login to dashboard interaction. The login screen will provide a clean interface with minimal distractions, followed by a dashboard that offers easy navigation through different sections. Animations and transitions will enhance the experience, making it engaging while ensuring that users can efficiently access their information and perform necessary actions. The overall design will reflect the club's identity and values, creating a sense of belonging and engagement among members.