Erstelle einen detaillierten, direkt ausführbaren Lovable-Prompt für die Weiterentwicklung meines bestehenden Projekts STEMPELALSWEIDER.
Generated Prompt
```markdown ## APPLICATION OVERVIEW The project STEMPELALSWEIDER is a web application designed for customized digital stamp cards for local businesses. It allows shop owners to create personalized stamp cards with their branding, enabling customers to collect stamps and redeem rewards through an intuitive interface. The goal is to enhance customer loyalty and engagement while maintaining existing data and processes. ## CORE FEATURES 1. **Customizable Stamp Cards**: Shop owners can design their digital stamp cards by choosing colors, images, and stamp motifs, ensuring alignment with their brand identity. 2. **QR Code Access**: Customers can easily access their stamp cards via QR codes, facilitating quick and easy interaction during store visits. 3. **Stamp Collection System**: Employees can grant stamps to customers during visits, with a clear progression towards rewards displayed in real-time. 4. **Reward Redemption**: Once a customer fills their stamp card, they can redeem rewards, which are verified by the shop staff through a secure interface. 5. **Industry-Specific Designs**: Different layouts and designs are available for various industries, including cafes, bakeries, and beauty studios. 6. **Mobile-Friendly Interface**: The application provides a seamless experience on mobile devices, ensuring accessibility for all users. ## 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 features a hero section with a prominent call to action, followed by interactive sections detailing how the stamp card works, industry-specific designs, and a demonstration area for shop owners. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API (depending on state complexity) ## IMPLEMENTATION STEPS 1. **Existing System Review**: Begin by analyzing the existing STEMPELALSWEIDER platform to ensure all current data and processes are intact and functional. 2. **Design Development**: Create wireframes and mockups based on the specified design requirements, focusing on a minimalist aesthetic and user-friendly navigation. 3. **Core Feature Implementation**: - Develop the customizable stamp card editor with live preview functionality. - Implement QR code generation and scanning features for easy access to stamp cards. - Set up the stamp collection and reward redemption system, ensuring secure transactions. 4. **Industry-Specific Configurations**: Create templates for different industries, ensuring that each template is distinct and tailored to the specific needs of that sector. 5. **Mobile Optimization**: Ensure the application is fully responsive, providing a seamless experience across different devices. 6. **Testing and Quality Assurance**: Conduct thorough testing to identify and fix any bugs, ensuring all features work as intended before launch. ## USER EXPERIENCE Users will have a straightforward experience from the moment they enter the site. Shop owners will be able to quickly customize their stamp cards, while customers will appreciate the ease of accessing their cards via QR codes and the clarity of the stamp collection and reward redemption process. The application will prioritize usability, ensuring that all interactions are intuitive and engaging. ```
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!
