Descrição da Tarefa Crie um aplicativo web feito sob medida para atualizar os valores de mercado de cartas TCG, e criar um scanner de grading,...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This web application is designed for collectors and investors of trading card games (TCGs) to monitor market values, perform grading scans, and manage card collections. It features live value tracking for popular brands like Pokémon, Magic: The Gathering, and more, providing users with detailed insights and tools to enhance their trading experience. ## CORE FEATURES 1. **Live Market Tracking**: Users can view real-time market values for each card from various TCG brands, with detailed information available upon clicking a card. 2. **Card Grading Scanner**: Utilizes the camera and LiDAR technology of compatible devices to perform a preliminary grading scan using databases from major grading companies. 3. **Collection Management**: Users can create and manage their personal collections, adding up to 30 cards in the free version and unlimited cards in the paid version. 4. **Trade Calculator**: Allows users to input two cards and calculates their respective values, indicating whether a trade would benefit the user's collection based on a predefined wishlist. 5. **Dashboard Overview**: A central hub displaying the user's cards, market trends, the top 5 most valuable cards in their collection, and quick access to the trade calculator and card search. 6. **Tiered Access**: Free version limits users to one brand and basic functionality, while the paid version unlocks all features and capabilities. ## 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 application will feature a bottom navigation bar for easy access to key functions, a dashboard layout for user insights, and card detail views that maintain a structured and intuitive user flow. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Design Layout**: Create the main layout, focusing on the dashboard and bottom navigation for seamless user interaction. 3. **Implement Core Features**: Develop each core feature, starting with live market tracking and card grading scanner functionality. 4. **Integrate User Authentication**: Set up user authentication to manage profiles and collections, differentiating between free and paid users. 5. **Develop Trade Calculator**: Create the trade calculator interface and logic to compute trade values and suggestions. 6. **Testing and Optimization**: Conduct thorough testing to ensure functionality and user experience, optimizing for performance and responsiveness. ## USER EXPERIENCE Users will begin at the dashboard, where they can immediately see insights and access their collection. The bottom navigation allows for quick transitions between features like the trade calculator and market tracking. The grading scanner will provide a seamless scanning experience, and each interaction is designed to be intuitive and responsive, reflecting the retro tech aesthetic while ensuring modern usability. ```
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!
