Kayaks que pueda decir según la ubación que estes la cantidad de viento que hay y si es posible que genere oleaje
Generated Prompt
## APPLICATION OVERVIEW This web application is a social platform for kayaking enthusiasts that provides real-time weather updates, including wind speed and wave conditions based on user location. The app will connect users, allowing them to share experiences and tips about kayaking in various lakes, creating a community around their passion. ## CORE FEATURES 1. **Location-Based Weather Updates**: Users can receive real-time data on wind speed and wave conditions based on their GPS location, ensuring a safe and enjoyable kayaking experience. 2. **User Profiles**: Each user can create a profile showcasing their kayaking experiences, favorite locations, and connect with other enthusiasts. 3. **Social Feed**: A dynamic feed where users can post updates, share photos, and discuss conditions or experiences at different lakes. 4. **Event Creation**: Users can organize and invite others to kayaking events, fostering community engagement and interaction. 5. **Safety Tips and Guidelines**: A dedicated section for safety tips and best practices for kayaking in various conditions, helping users stay informed. 6. **Rating System**: Users can rate different lakes based on their experiences with conditions, accessibility, and facilities, providing valuable insights for others. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a limited color palette, and a strong focus on typography for ease of reading and navigation. - **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast for better readability. - **Layout**: The main layout will feature a top navigation bar for easy access to sections, a central content area for the social feed, and sidebars for user profiles and weather updates. - **Typography**: Utilize modern sans-serif fonts such as 'Roboto' or 'Open Sans' for body text and headings, ensuring a clear visual hierarchy with larger font sizes for headings and smaller for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and maintainable codebase. - **Styling**: Tailwind CSS for utility-first styling, promoting consistency and rapid design adjustments. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design ethos. - **State Management**: Consider using Context API or Redux for managing global state, especially for user authentication and dynamic weather data. ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **User Authentication**: Implement user registration and login functionalities, allowing users to create and manage their profiles. 3. **Weather API Integration**: Set up integration with a weather API to fetch real-time wind and wave data based on user location. 4. **Social Feed Development**: Build the main feed component for users to post updates, which includes image uploads and text posts. 5. **Event Creation Feature**: Develop the functionality for users to create and manage kayaking events, including RSVP features. 6. **Rating System Implementation**: Create a system where users can submit and view ratings for different lakes, integrating it into the main feed. 7. **Testing and Optimization**: Conduct thorough testing for user flows, responsiveness, and performance, ensuring a seamless user experience across devices. ## USER EXPERIENCE Users will have a welcoming onboarding experience upon first login, guiding them through creating a profile and understanding the app's features. The main navigation will allow easy access to weather updates and the social feed. Users can seamlessly scroll through the feed, interact with posts, and create new ones or events with just a few clicks. Notifications will inform them of relevant updates, ensuring they stay connected with the kayaking community.
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!
