Construye una app para la gestion de la escuela de competicion de tenis
Generated Prompt
## APPLICATION OVERVIEW This project aims to develop a web application for managing a competitive tennis school. The application will provide an organized platform for students, coaches, and administrators to manage schedules, track progress, and facilitate communication within the school community. ## CORE FEATURES 1. **User Authentication**: Secure login and registration for students, coaches, and administrators to access personalized dashboards. 2. **Class Scheduling**: Manage and view training sessions, tournaments, and events with a calendar interface. 3. **Progress Tracking**: Track students' performance metrics and improvements over time, allowing coaches to provide tailored feedback. 4. **Communication Tools**: In-app messaging and announcements to keep students and parents informed about important updates and events. 5. **Payment Management**: Facilitate online payments for tuition and fees, with invoicing and payment history for users. 6. **Profile Management**: Users can create and manage their profiles, including personal information, training preferences, and goals. ## 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**: A responsive layout featuring a sidebar navigation for easy access to different sections, a main content area for displaying information, and a footer for contact details and links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (or Context API as needed) ## IMPLEMENTATION STEPS 1. **Setup Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components. 2. **Build Authentication Module**: Create user registration and login forms, implementing secure authentication practices. 3. **Develop Core Features**: - Implement the class scheduling feature with a calendar view. - Create the progress tracking dashboard, utilizing graphs to visualize performance metrics. - Set up communication tools, including a messaging interface. - Integrate payment management functionality. - Allow users to create and manage their profiles. 4. **Design UI Components**: Utilize Tailwind CSS to build responsive UI components that align with the minimalist design. 5. **Testing**: Conduct thorough testing for usability and functionality, ensuring a seamless user experience across devices. 6. **Deployment**: Prepare the application for deployment on a web server, ensuring all configurations are optimized for performance. ## USER EXPERIENCE Users will experience a streamlined flow throughout the application, starting from the login page to their personalized dashboard. Students can easily view their schedules and track their progress, while coaches can communicate with students and manage classes effectively. The minimalist design ensures that users can navigate through the application without distractions, while responsive design principles will provide a consistent experience across devices. This web application will not only enhance the management of the tennis school but also foster a better connection between students, parents, and coaches.
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!
