Hazme una página web tipo marketplace phone-first para nuestra empresa “playshare” donde las empresas puedan vender sus raquetas de diferentes...
Generated Prompt
## APPLICATION OVERVIEW Create a web application for “playshare,” a marketplace that allows businesses to sell sports rackets, primarily focusing on padel. The platform will have a phone-first design and incorporate a subscription system with two account types: "client" and "vendor". This application aims to streamline the buying and selling of sports equipment while providing an intuitive user experience. ## CORE FEATURES 1. **User Accounts** - Allow users to register as either "clients" or "vendors," enabling tailored functionalities and access. 2. **Marketplace Listings** - Vendors can create and manage product listings for sports rackets, including images, descriptions, and pricing. 3. **Subscription Model** - Implement a monthly subscription service for vendors to list their products, providing them with a sustainable revenue model. 4. **Search and Filter Options** - Enable users to search for specific rackets and filter results based on sport type, price range, and vendor ratings. 5. **User Reviews and Ratings** - Clients can leave reviews and ratings for products, fostering trust and community within the marketplace. 6. **Responsive Design** - Ensure a mobile-friendly experience, optimizing all features for phone-first interactions. ## DESIGN SPECIFICATIONS - **Visual Style:** Minimalist - Emphasis on clean and simple design with ample white space to enhance usability. - **Color Mode:** Light theme with dark text on light backgrounds for better readability and a fresh appearance. - **Layout:** - Hero section for featured products and promotions at the top. - Marketplace listings displayed in a grid layout for easy browsing. - Dedicated sections for vendor registration and client account management. - **Typography:** - Use a modern sans-serif font for headings (e.g., "Montserrat") and a legible serif font for body text (e.g., "Roboto"). - Maintain a clear hierarchy with larger fonts for headings and smaller sizes for body text. ## TECHNICAL REQUIREMENTS - **Framework:** React with TypeScript to ensure type safety and maintainability. - **Styling:** Tailwind CSS for rapid styling and consistent design. - **UI Components:** Utilize shadcn/ui for pre-built, customizable components. - **State Management:** Use React Context or Redux for managing global state, particularly for user authentication and product listings. ## IMPLEMENTATION STEPS 1. **Setup the Project:** - Create a new React application using Create React App with TypeScript. - Install necessary dependencies, including Tailwind CSS and shadcn/ui. 2. **Design the Layout:** - Implement the main layout structure with a responsive grid for listings and a hero section. - Set up routing for different pages (home, product details, user account). 3. **Develop User Authentication:** - Build user registration and login forms for clients and vendors, integrating with a backend service for authentication. 4. **Implement Marketplace Features:** - Create CRUD functionality for vendors to manage their product listings, including adding, editing, and removing products. 5. **Integrate Subscription System:** - Set up a payment processing system to handle monthly subscriptions for vendors. 6. **Add Search and Filter Functionality:** - Implement a search bar and filtering options for users to easily find desired products. 7. **User Reviews and Ratings:** - Allow clients to submit reviews for products and display average ratings. 8. **Testing and Optimization:** - Conduct user testing to ensure a seamless experience, optimize for performance, and debug any issues. ## USER EXPERIENCE Users will interact with a clean and intuitive interface, starting from the hero section that showcases featured rackets. Clients can easily browse listings, utilize search and filter options, and read reviews before making a purchase. Vendors will have a straightforward process for registering, managing their products, and handling subscriptions. The application will be fully responsive, ensuring that all features are accessible and functional on mobile devices, providing an enjoyable shopping 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!
