Create me a prompt for my sports betting calendar webstie. I want it to look like superbet 1:1 especciely the place where i place my bets
Generated Prompt
## APPLICATION OVERVIEW This web application is a sports betting calendar platform designed to provide users with a streamlined experience for placing bets on various sports events. The application will focus on delivering essential features like event tracking and bet management in a clean, minimalist interface, ensuring a seamless user experience. ## CORE FEATURES 1. **Event Calendar**: A dynamic calendar view displaying upcoming sports events with the ability to filter by sport type and date. 2. **Bet Placement**: A straightforward form for users to select events and place their bets, with clear odds and potential payouts displayed. 3. **Bet History**: A user-friendly interface for users to view their past bets, including outcomes and earnings. 4. **Notifications**: Real-time alerts for users regarding event changes, bet confirmations, and important updates related to their placed bets. 5. **Account Management**: User authentication to allow individuals to create accounts, log in, and manage their profiles securely. 6. **Responsive Design**: A mobile-friendly layout that ensures users can place bets and check events on-the-go. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with a clean and simple design, emphasizing ample white space to enhance readability and focus on key elements. - **Color Mode**: Light theme featuring dark text on light backgrounds for optimal legibility. - **Layout**: The main layout will include a top navigation bar with links to the calendar, bet placement, history, and account management. Below, the event calendar will occupy the primary space, with a sidebar for bet placement and notifications. - **Typography**: Utilize sans-serif fonts like Arial or Roboto for a modern look, with headings in bold to create clear visual hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and better development practices. - **Styling**: Tailwind CSS for efficient and responsive styling. - **UI Components**: Utilize shadcn/ui for consistent and reusable UI components. - **State Management**: Use React Context API or Zustand for managing global state, particularly for user authentication and bet history. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Layout Components**: Build the main layout components, including the top navigation and sidebar. 3. **Implement Calendar Functionality**: Use a calendar library or custom component to display upcoming events and allow filtering. 4. **Develop Bet Placement Form**: Create a form component for users to select events and place their bets, ensuring validation and user feedback are in place. 5. **Set Up User Authentication**: Integrate a simple authentication system allowing users to register and log in securely. 6. **Build Bet History Page**: Create a component to display users' past bets, fetching data from the state management system. 7. **Implement Notification System**: Create a notifications component to alert users of important updates regarding their bets and events. 8. **Ensure Responsiveness**: Test the application on various devices to ensure a consistent experience across different screen sizes. ## USER EXPERIENCE Users will begin by landing on the event calendar, where they can easily browse upcoming sports events. They can click on an event to see details and place a bet using a simple form. The application will keep track of their betting history, allowing users to review their past bets easily. Notifications will ensure they stay informed of any changes, enhancing their overall experience while betting. The minimalist design will promote ease of use, ensuring that users can navigate the application with minimal distractions.
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!
