Provides comprehensive live coverage
Generated Prompt
## APPLICATION OVERVIEW Create a web application dedicated to cricket news that provides comprehensive live coverage, ball-by-ball commentary, in-depth statistics, articles, and historical data. This application will serve as a primary resource for journalists and fans, delivering real-time updates and detailed insights. ## CORE FEATURES 1. **Live Match Coverage**: Provide real-time ball-by-ball commentary and scores for ongoing matches, allowing users to follow the action as it unfolds. 2. **Statistics Dashboard**: Offer detailed statistics for teams and players, including historical performance, averages, and rankings. 3. **News Articles**: Feature a section for the latest news articles, interviews, and opinion pieces related to cricket, curated for fans and journalists alike. 4. **Historical Data Archive**: Present an extensive archive of past matches, player statistics, and historical records, allowing users to explore cricket's rich history. 5. **User Accounts**: Enable users to create accounts to personalize their experience, save favorite articles, and receive notifications for updates on specific teams or matches. 6. **Search Functionality**: Implement a robust search feature to help users quickly find articles, stats, or historical data based on keywords or filters. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and strong focus on typography for readability. - **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and ease of reading. - **Layout**: A structured layout featuring a top navigation bar with links to core sections (Live Coverage, Stats, News, History). The main content area will display dynamic content based on user selection, with a sidebar for additional features or trending topics. - **Typography**: Use a sans-serif font like `Roboto` for body text and a bold serif font like `Merriweather` for headings to enhance visual hierarchy and readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building a robust and type-safe application. - **Styling**: Tailwind CSS for utility-first styling, allowing rapid design and responsive layouts. - **UI Components**: Utilize shadcn/ui for pre-built components that match the minimalist design aesthetic. - **State Management**: Implement Zustand or Redux for state management to handle user sessions, live data updates, and overall application state. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Design Layout**: Create the main layout structure with a top navigation bar and content area using Tailwind CSS classes. 3. **Develop Core Features**: - Build the Live Match Coverage component to fetch and display live data using an API (e.g., CricAPI). - Create the Statistics Dashboard with data visualization libraries like Chart.js or D3.js for displaying player and team stats. - Implement the News Articles section with a CMS or markdown files for content management. - Develop the Historical Data Archive with searchable features. 4. **User Authentication**: Set up user authentication with Firebase or Auth0 to manage user accounts. 5. **Testing**: Conduct thorough testing to ensure functionality, responsiveness, and usability across devices. 6. **Deployment**: Deploy the application using Vercel or Netlify for seamless hosting and continuous deployment. ## USER EXPERIENCE Users will have a seamless experience navigating through live match updates, statistics, and articles. Key interactions include: - **Real-Time Updates**: Users can follow live matches and receive push notifications for critical moments. - **Personalized Dashboard**: After logging in, users can customize their dashboard to display preferred teams and articles tailored to their interests. - **Efficient Search**: Users can easily find content with the search bar, filtering results based on matches, players, or specific topics. This comprehensive prompt outlines the development of a minimalist cricket news web application that meets user needs and expectations while maintaining a clean and user-friendly design.
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!
