Créate Necesito una aplicación móvil y web centrada en el fútbol uruguayo y otras competiciones relevantes, con las siguientes funcionalidades...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a mobile and web platform focused on Uruguayan football and other relevant competitions. It provides live scores, detailed statistics, community features, and user engagement, delivering an immersive experience for football enthusiasts while prioritizing usability and performance. ## CORE FEATURES 1. **Live Scores**: Real-time updates of football matches including the Uruguayan league using the Soccerdata API, featuring live scores, events, position tables, and detailed statistics. 2. **Detailed Statistics**: Comprehensive performance metrics for each match, team, and player, including goals, possession, shots, and cards. 3. **Position Table**: An automatically updated standings table reflecting real-time data from the Soccerdata API. 4. **Team and Player Profiles**: In-depth profiles with accumulated statistics, match history, and relevant data for teams and players. 5. **Community Functionality**: User accounts with email/login options, real-time comment posting during matches, team/user following, notifications, and participation in polls. 6. **Push Notifications**: Alerts for important events such as goals, final results, and community responses. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a strong focus on typography. - **Color Mode**: Light theme featuring dark text on light backgrounds. - **Layout**: The main layout comprises a header for navigation, a central content area for displaying scores and statistics, and a sidebar for community features. Each section (Home, Matches, Statistics, Teams, Players, Community, Settings) is easily accessible with clear visual separation. - **Typography**: Use a sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Lora), establishing a clear hierarchy with larger sizes for headings and appropriate line spacing for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building a robust and scalable application. - **Styling**: Tailwind CSS for rapid styling with utility-first CSS classes. - **UI Components**: shadcn/ui for consistent and accessible user interface components. - **State Management**: Utilize React Context API or Zustand for managing application state efficiently. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, etc.). 2. **Configure Soccerdata API**: - Sign up for an API key on the Soccerdata website. - Create a service file to handle API requests, including functions to fetch live scores, statistics, and standings. 3. **Implement Core Features**: - Build components for live score displays and event tracking using data from the Soccerdata API. - Develop detailed statistics views for matches, teams, and players. 4. **Create Community Functionality**: - Set up user authentication using Firebase or Supabase for account management. - Implement real-time commenting and notifications using WebSocket or Firebase. 5. **Design Responsive Layout**: Apply Tailwind CSS classes to ensure a responsive design that adapts to various screen sizes. 6. **Testing and Deployment**: - Conduct thorough testing on both mobile and web platforms. - Prepare the application for deployment on platforms like Vercel for web and Firebase App Distribution for mobile. ## USER EXPERIENCE Users will navigate through the app using a clear header menu, accessing live scores and statistics effortlessly. They can interact with community features by posting comments during matches, following teams, and receiving notifications. The application will maintain a smooth flow, ensuring that users can easily switch between sections while enjoying a visually appealing and responsive experience. ```
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!
