Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based management system designed specifically for CrossFit gyms. Its primary purpose is to streamline member management, class scheduling, and performance tracking, enabling gym owners to efficiently run their operations and enhance the member experience.

## CORE FEATURES
1. **Member Management**: Allow gym owners to easily add, edit, and manage member profiles, including personal information, membership status, and payment history.
2. **Class Scheduling**: A user-friendly interface for scheduling classes, allowing coaches to set class times, capacities, and locations, which members can view and sign up for.
3. **Performance Tracking**: Tools for members to log their workouts and progress, allowing them to track improvements over time with visual graphs and reports.
4. **Payment Processing**: Integrated payment solutions for membership fees and class registrations, ensuring secure transactions and easy account management.
5. **Notifications & Reminders**: Automated notifications for upcoming classes, payment due dates, and personalized messages to keep members engaged and informed.
6. **Analytics Dashboard**: A dashboard for gym owners to view performance metrics, member engagement, and financial reports, helping them make informed decisions.

## 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 for easy access to key sections, a sidebar for additional navigation options, and a central content area where class schedules, member information, and performance metrics can be displayed. A responsive grid system will ensure accessibility on all devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (based on complexity and preference)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Component Structure**: Build out the main components including Header, Sidebar, Dashboard, Member Management, Class Scheduling, and Performance Tracking.
3. **Implement Routing**: Set up React Router to navigate between different sections of the application seamlessly.
4. **Develop State Management**: Implement Redux or Context API for managing state across the application, particularly for member data and class schedules.
5. **Build UI Components**: Use Tailwind CSS to style components according to the design specifications, ensuring responsive design principles are followed.
6. **Integrate Backend**: Connect the application to a backend service for storing member data, class schedules, and payment processing (consider using Firebase or a custom REST API).
7. **Testing**: Conduct thorough testing for functionality, usability, and responsiveness on various devices and browsers.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for easy access and management.

## USER EXPERIENCE
Key user interactions include signing up for classes through an intuitive interface, viewing personal performance metrics and progress reports, and receiving timely notifications about classes and payments. The experience will be designed to be seamless and engaging, with a focus on ease of use and accessibility, ensuring members and gym owners can navigate the platform effortlessly.