"Desarrolla una App de Gesti贸n de Asistencia para el club Bera Bera Rugby con soporte multidioma (Euskera y Castellano).
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a web-based attendance management system designed specifically for the Bera Bera Rugby Club. Its main purpose is to facilitate the tracking of player attendance while ensuring user privacy and providing a bilingual interface in Euskera and Castellano. ## CORE FEATURES 1. **Trainer Interface**: - Displays player profile photos alongside names for accurate attendance marking in school categories. - Ensures players cannot see their teammates' attendance for privacy protection. 2. **Role Management**: - **Director Deportivo Dashboard**: A global view that allows the creation, activation, and deactivation of teams (DHB, 1潞 Vasca, 2潞 Vasca, Otsemeak, Blasfemmes, S18 to S10). Sets confirmation time limits for attendance. - **Coach Interface**: Ability to view team members' photos and validate attendance (Attended/Late/Absent). 3. **Player Registration**: - Unique URL registration per team with bulk actions available for attending or not attending the next ten sessions, requiring a reason for absence. - Special statuses for players, including Injury, Absence, and Vacation. 4. **Legal Texts and Registration**: - Mandatory RGPD checkbox during player registration with privacy policy texts in both languages, ensuring legal compliance. 5. **Notification System**: - Sends email notifications one hour before the confirmation deadline if a player鈥檚 attendance status is still 'Pending'. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean and simple design with plenty of white space, focusing on typography to enhance readability. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure clarity and comfort. - **Layout**: - A sidebar menu for navigation, featuring language selection. - Main content area displaying dashboards and player lists with ample spacing. - User-friendly forms for attendance marking and player registration. - **Typography**: - Use of sans-serif fonts for a modern look (e.g., "Open Sans" or "Roboto"). - Hierarchy: Headings should be bold and larger, with body text in a standard weight for easy scanning. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and scalability. - **Styling**: Tailwind CSS for responsive design and utility-first styling. - **UI Components**: Utilize shadcn/ui for ready-made components that fit the minimalist aesthetic. - **State Management**: Consider using Context API or Zustand for managing global state. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project using TypeScript and install Tailwind CSS along with shadcn/ui. 2. **Design Layout**: Create the main layout structure with a sidebar for navigation and a central dashboard for displaying attendance data. 3. **Implement Role Management**: Develop the functionality for the Director Deportivo and Coach roles to manage teams and validate attendance. 4. **Create Registration Forms**: Design and build registration forms with RGPD compliance, including the necessary checkboxes and legal texts. 5. **Add Notification System**: Implement the email notification system to alert players about pending attendance confirmation. 6. **Integrate Multilingual Support**: Use a translation library (like i18next) to manage language selection and ensure all UI components reflect the chosen language. ## USER EXPERIENCE - **Trainer Interaction**: Trainers can easily navigate to their dashboard, view player photos, and confirm attendance with just a few clicks. - **Player Registration**: Players receive a unique URL for registration, allowing for quick access to the app and streamlined attendance confirmation processes. - **Notifications**: Players will receive timely email notifications, which enhances engagement and ensures they are aware of their responsibilities regarding attendance. - **Privacy Assurance**: The design prioritizes user privacy by restricting visibility of attendance lists among players, thus fostering a safe environment for all users. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
