Professional e-commerce website for an electronics and technology store in Conakry, Guinea.
Generated Prompt
## APPLICATION OVERVIEW CUBOT BOUTIQUE is a professional e-commerce web application designed for an electronics and technology store in Conakry, Guinea. The primary purpose is to provide customers with a seamless online shopping experience for a variety of electronic products, including smartphones, accessories, televisions, laptops, and home appliances, while ensuring mobile optimization for easy access via smartphones. ## CORE FEATURES - **Shopping Cart System**: Allows users to add products to their cart, view their selections, and proceed to checkout seamlessly. - **Product Catalog**: A comprehensive display of products with images, prices, and descriptions, organized by categories for easy navigation. - **Order via WhatsApp**: Integration of a WhatsApp button for direct communication, allowing customers to place orders or ask questions. - **Product Categories**: Clearly defined categories such as smartphones, accessories, televisions, etc., enabling users to browse products efficiently. - **Search and Filters**: A robust search functionality and filter options to help users find specific products based on their preferences. - **Product Pages with Specifications**: Detailed product pages featuring high-quality images, specifications, pricing, and customer reviews. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a strong focus on typography for a professional look. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and visual clarity. - **Layout**: The main layout consists of a top navigation bar, a hero section prominently displaying the store's name and offerings, followed by the product categories, featured products, and a footer with contact information and social media links. - **Typography**: Use modern sans-serif fonts for headings (e.g., Montserrat) and body text (e.g., Open Sans) to maintain a clean and professional aesthetic. Ensure a clear hierarchy with larger font sizes for headings and appropriate spacing for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building a robust and scalable application. - **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsive layout. - **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design. - **State Management**: Use React's built-in state management or consider using Zustand for a lightweight solution. ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: Install React, TypeScript, and Tailwind CSS along with shadcn/ui. 2. **Create the Project Structure**: Organize folders for components, pages, and styles to maintain a clean codebase. 3. **Build the Navigation Bar**: Implement a responsive top navigation bar with links to product categories and the WhatsApp order feature. 4. **Design the Hero Section**: Develop a hero section featuring the store name and subheadline, along with call-to-action buttons. 5. **Create Product Categories**: Set up category components that display a grid of products, linking to individual product pages. 6. **Implement the Shopping Cart System**: Develop functionality for adding and removing items from the cart, along with a checkout process. 7. **Integrate WhatsApp Ordering**: Embed a button that enables users to place orders or inquiries via WhatsApp. 8. **Optimize for Mobile Devices**: Ensure that all components are fully responsive and optimized for mobile browsing. ## USER EXPERIENCE The user experience focuses on simplicity and efficiency. Users can easily navigate through the product categories, use the search function to find specific items, and add products to their cart with minimal clicks. The option to order via WhatsApp enhances user interaction, allowing for quick communication and order placement. The overall design and structure aim to create a pleasant shopping experience, encouraging users to explore and make purchases effortlessly.
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!
