Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage a one-day football championship with both men's and women's categories. It provides functionalities for administrators, referees, and the public to view match details, update scores, and track team standings efficiently.

## CORE FEATURES
1. **User Authentication**: Three access profiles—Administrator (Gmail login), Referee (username-password), and Public (no login required).
2. **Match Management**: Display matches grouped by category with collapsible sections for easier navigation. Administrators and referees can input scores and player goals.
3. **Team Classification**: Dynamic standings based on match results, updated in real-time, with the ability to resolve ties based on specific criteria.
4. **Goal Scorer Tracking**: A dedicated section for tracking and displaying top goal scorers throughout the tournament.
5. **Sponsor Display**: A section showcasing sponsor logos with links to their websites.
6. **Multi-language Support**: The application will support both Catalan and Spanish, with the default language set to Catalan.

## 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 feature a top navigation bar for category selection (Men's, Women's, Classification, Sponsors), with main content areas displaying match lists, classifications, and sponsor logos. Each section will be designed to be responsive for mobile access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and match data

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for styling.

2. **Create Authentication Logic**:
   - Implement login functionality for Administrators (Gmail OAuth) and Referees (using the credentials stored in the Google Sheet).
   - Create a public access route for general users.

3. **Design the User Interface**:
   - Develop the main layout with a navigation bar and collapsible sections for matches and classifications.
   - Use Tailwind CSS to create a minimalist design that adapts to mobile devices.

4. **Integrate Google Sheets API**:
   - Set up API calls to read and update data from the specified Google Sheets.
   - Implement real-time updates for match results and classifications.

5. **Implement Match Management Features**:
   - Create components to display matches grouped by categories with functionality to input scores and view player details.
   - Add confirmation dialogs for sensitive actions like deleting goals.

6. **Add Multi-language Support**:
   - Implement language switching functionality to toggle between Catalan and Spanish.
   - Ensure all text content is translatable.

7. **Test the Application**:
   - Conduct user testing to ensure functionality, responsiveness, and usability.
   - Fix any bugs and optimize performance.

## USER EXPERIENCE
Users will have a seamless experience navigating through match information and classifications. Administrators and referees will easily input results, while public users can view match schedules and standings without needing to log in. The interface will prioritize clarity and ease of access to information, especially on mobile devices, ensuring that all users can engage with the championship effortlessly.