E-coomerce completo voltado a venda de kits de presentes para todas as datas possiveis , aniversario de namoro, bodas, promoção do trabalho, kits...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed as a complete e-commerce platform focused on selling gift kits for various occasions such as anniversaries, corporate events, and personal celebrations. The application will integrate with Shopify to manage product listings, inventory, and transactions, providing a seamless shopping experience for users. ## CORE FEATURES 1. **Product Catalog**: A visually appealing display of various gift kits categorized by occasion, complete with images, descriptions, and pricing. 2. **Shopping Cart**: A user-friendly shopping cart that allows customers to review their selected items, adjust quantities, and proceed to checkout. 3. **Checkout Process**: A streamlined checkout experience that integrates with Shopify for payment processing, including options for guest checkout and account creation. 4. **Gift Personalization**: An option for users to personalize their gift kits with custom messages or additional items. 5. **User Accounts**: Functionality for users to create accounts, track orders, and save favorite items for future purchases. 6. **Promotions and Discounts**: Management of promotional codes and discounts for various occasions, enhancing the shopping experience. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - **Color Mode**: Light theme with dark text on light backgrounds - **Primary Color**: #1978E5 (accent for buttons, links, highlights) - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs - **Layout**: The main layout will feature a header with navigation links, a prominent hero section showcasing featured gift kits, followed by categorized product sections, a shopping cart icon, and a footer with contact information and additional links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux for effective state management across the application ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Redux, Tailwind CSS, shadcn/ui). 2. **Create Layout Components**: Develop the main layout components including Header, Footer, and Main Content Area. 3. **Build Product Catalog**: Create the product catalog component that fetches data from Shopify and displays products dynamically. 4. **Implement Shopping Cart**: Build the shopping cart functionality using Redux to manage cart state and integrate with the checkout process. 5. **Design Checkout Page**: Develop the checkout page with forms for user information and payment integration using Shopify. 6. **Add User Account Features**: Implement user authentication and account management features for order tracking and favorites. 7. **Testing and Optimization**: Conduct thorough testing across devices and browsers, optimizing performance and responsiveness. ## USER EXPERIENCE Users will land on a visually appealing homepage that highlights featured gift kits. They will be able to easily navigate through categories, select items, and add them to their cart. The checkout process will be intuitive, guiding users through payment and confirming their orders. Personalization options will enhance the gifting experience, while user accounts will provide convenience for repeat customers. The overall experience will focus on simplicity, ease of use, and a pleasant aesthetic, ensuring users leave satisfied. This prompt provides a comprehensive guide to creating a fully functional minimalist light application that aligns with the user's vision for an e-commerce platform dedicated to gift kits.
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!
