Página moderna para vender muebles de madera pino
Generated Prompt
## APPLICATION OVERVIEW This application is a modern e-commerce web app designed to showcase and sell handmade pine wood furniture. Its primary purpose is to provide users with a seamless shopping experience while highlighting the craftsmanship and quality of the products. ## CORE FEATURES 1. **Product Catalog**: A visually appealing display of all available furniture items, including images, descriptions, and prices, allowing users to easily browse and select their desired products. 2. **Product Details Page**: Each product will have a dedicated page featuring larger images, detailed descriptions, dimensions, and customer reviews to aid in purchasing decisions. 3. **Shopping Cart**: A user-friendly cart interface that allows users to add, remove, and adjust quantities for selected items, displaying a real-time total cost. 4. **User Accounts**: Users can create accounts to track orders, save favorite products, and manage their shipping information for a personalized shopping experience. 5. **Checkout Process**: A streamlined, multi-step checkout process that includes payment integration, shipping options, and order confirmation. 6. **Search and Filter Options**: Users can quickly find furniture items by searching or filtering based on categories, price range, or styles. ## DESIGN SPECIFICATIONS - **Visual Style**: The design adopts a minimalist aesthetic with a clean and simple layout, emphasizing ample white space to enhance readability and focus on the products. - **Color Mode**: The application features a light theme, utilizing dark text on light backgrounds to ensure high contrast and legibility. - **Layout**: The main layout includes a top navigation bar with a logo, search bar, and user account icon. Below, a grid layout showcases product images, with a sidebar for filtering options. Each product card will feature an image, title, and price, organized in a responsive grid format. - **Typography**: Use modern sans-serif fonts such as 'Inter' for headings and 'Roboto' for body text, maintaining a clear hierarchy with larger sizes for titles and smaller sizes for descriptions. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling, enabling rapid design changes while maintaining consistency. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design aesthetic. - **State Management**: Implement Zustand for efficient state management across user accounts, cart functionalities, and product listings. ## IMPLEMENTATION STEPS 1. **Set up the React app**: Initialize a new React project with TypeScript using Create React App or Vite. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project. 3. **Create Layout Components**: Develop the main layout components including Header, Footer, and ProductGrid. 4. **Build the Product Catalog**: Design the ProductCatalog component that fetches and displays products using a grid layout. 5. **Develop Product Details Page**: Create a dedicated ProductDetail component that shows detailed information when a product is clicked. 6. **Implement Shopping Cart**: Develop the ShoppingCart component for managing item selection and total cost, integrating Zustand for state management. 7. **Create User Account Features**: Implement user authentication and account management functionalities. 8. **Set up Checkout Process**: Create a Checkout component to handle payment processing and order confirmation. 9. **Implement Search and Filter**: Add search and filter functionalities to the ProductCatalog for improved user navigation. 10. **Test Responsiveness**: Ensure the application is fully responsive across various devices and screen sizes. ## USER EXPERIENCE Users will enjoy an intuitive interface where they can effortlessly browse the furniture catalog. The streamlined navigation allows for quick access to product details and a smooth checkout experience. Users can interact with the shopping cart easily, manage their accounts, and find products through effective search and filter tools, ensuring a pleasant shopping journey from start to finish.
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!
