A app está construída mas quero que me faças um prompt para fazer melhorias, adicionar mais países, colocar fotos respetivos a cada país...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a web-based cultural quiz platform designed to enhance users' knowledge of different countries through interactive quizzes. It focuses on integrating visual elements like country-specific photos and flag emojis, alongside a gamified experience that encourages user participation and feedback through a star rating system. ## CORE FEATURES - **Country Selection**: Users can select from a growing list of countries, each accompanied by a corresponding flag emoji and a representative photo to enhance visual engagement. - **Cultural Quiz**: Users participate in a basic cultural quiz for each selected country, testing their knowledge on various cultural aspects. - **Feedback System**: Users can evaluate their experience with a 5-star rating system, allowing them to provide feedback on the quizzes. - **Dynamic Content**: As more countries are added, the app dynamically updates to include relevant images and quiz questions, ensuring ongoing engagement. - **User Profiles**: Users have the option to create profiles to track their quiz performance and save their favorite countries. - **Leaderboard**: A gamification element that displays top scorers, encouraging a competitive spirit among users. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with a clean, simple design that emphasizes usability and clarity. The layout should feature ample white space, allowing content to breathe and reducing visual clutter. - **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and comfort during prolonged use. - **Layout**: A grid layout for country selection, featuring cards for each country that display the flag emoji, photo, and name. The quiz section should utilize a straightforward Q&A format, with clear navigation buttons. - **Typography**: Use a sans-serif font like 'Inter' or 'Roboto' for body text, ensuring legibility. Headings should use a slightly bolder weight to establish a clear hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for strong typing and maintainability. - **Styling**: Tailwind CSS for rapid styling and a consistent design approach. - **UI Components**: Utilize shadcn/ui for reusable and accessible UI components. - **State Management**: React Context for managing user state and quiz data effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS and shadcn/ui). 2. **Create Layout**: Design the main layout using a grid system to display country cards, ensuring responsive behavior on different screen sizes. 3. **Develop Country Selection Feature**: Implement a dropdown or grid for users to select countries, integrating flag emojis and images dynamically. 4. **Build Cultural Quiz Module**: Create the quiz component that fetches questions based on the selected country and captures user answers. 5. **Implement Feedback Mechanism**: Set up a star rating component that allows users to submit their ratings after completing a quiz. 6. **Profile and Leaderboard Features**: Develop user profile management and a leaderboard to display top scores and user achievements. 7. **Test and Iterate**: Conduct user testing sessions to gather feedback and refine the application based on user experiences. ## USER EXPERIENCE Users will start by selecting a country from a visually appealing grid of cards displaying flag emojis and representative images. Once a country is selected, they will engage in a quiz that presents questions in a straightforward format, allowing them to answer with ease. After completing the quiz, users will be prompted to rate their experience using a simple 5-star system. The leaderboard will offer a competitive edge, showcasing top scores and encouraging users to improve their knowledge and rankings. ```
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!
