Marketplace de alquiler de juegos de mesa entre particulares, con sistema de login sencillo y con una estructura de base de datos simple que...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed as a marketplace for individuals to rent board games from one another. The application will feature a simple login system, allowing users to create accounts, browse available games, and manage their rentals. It will be visually appealing and structured to facilitate easy interaction while using placeholder data for testing purposes. ## CORE FEATURES 1. **User Authentication**: A simple login system that allows users to register, log in, and manage their profiles. 2. **Game Listings**: A searchable and filterable display of available board games for rent, including details such as game name, description, and rental price. 3. **Rental Management**: Users can easily rent games, view their current rentals, and manage rental requests. 4. **User Reviews and Ratings**: A feature enabling users to leave reviews and ratings for games they have rented, fostering community trust. 5. **Contact and Support**: A contact form for user inquiries and support requests, ensuring effective communication. 6. **Sample Data Integration**: Incorporation of placeholder data to demonstrate functionality without requiring a fully operational backend initially. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Emphasize a clean and simple design with ample white space, focusing on user content and typography. - **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and provide a welcoming atmosphere. - **Layout**: The main layout will consist of a top navigation bar with links to home, login, and contact pages, a hero section showcasing featured games, followed by a grid layout for game listings, and a footer with contact information and links. - **Typography**: Use a modern sans-serif font for headings and body text, ensuring clear hierarchy with larger sizes for headings and smaller for body text. Suggested fonts include 'Inter' or 'Roboto'. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and type-safe development experience. - **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations while maintaining a consistent look. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic. - **State Management**: Implement React Context API or Zustand for managing application state effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui as dependencies. 2. **Create Authentication Flow**: Develop the user authentication system, including registration and login components. 3. **Design Layout**: Build the main application layout with a navigation bar, hero section, and game listings grid using Tailwind CSS. 4. **Implement Game Listings**: Create a component to display game listings, integrating sample data for testing. 5. **Add Rental Management Features**: Develop the functionality for users to rent games and manage their rentals within the application. 6. **Incorporate Reviews and Ratings**: Enable users to leave feedback on games, making sure to display this data alongside game listings. 7. **Set Up Contact Form**: Create a contact form component for user inquiries, linking it to a support email or service. ## USER EXPERIENCE Users will experience a seamless flow starting from the landing page where they can easily navigate to login or sign up. Upon logging in, they can browse through the game listings, filter by categories, and view detailed information about each game. Users can rent games with a few clicks and manage their rentals from their profile dashboard. The minimalist design and clear typography ensure that users can focus on the content without distractions, leading to an enjoyable and efficient 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!
