Una aplicación que sea una herramienta web interactiva diseñada para calcular la huella de carbono personal, ofrecer recomendaciones para...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This is a web application designed as an interactive tool to calculate personal carbon footprints, provide actionable recommendations for reduction, and present useful metrics both to individual users and in aggregate. The main purpose is to empower users to understand their environmental impact and take concrete steps towards sustainability, with plans for motivational and gamified elements in the future. ## CORE FEATURES 1. **User Registration and Profile Management** - Users can register, log in, and manage their profiles with ease. Basic information and test history are stored securely, allowing users to edit or delete personal data effortlessly. 2. **Carbon Footprint Quiz** - An interactive questionnaire is divided into key areas: transportation, home energy, diet, and consumption habits. Each question contributes to an individual carbon footprint calculation, providing an intuitive experience. 3. **Results Calculation and Visualization** - The application calculates the total carbon footprint and breaks it down by category. Results are presented clearly with visual graphs (bar charts, pie charts) that enhance understanding, allowing users to compare their impact by categories. 4. **Personalized Recommendations** - Based on quiz results, users receive tailored suggestions to reduce their footprint. For instance, if transportation impact is high, recommendations will include using public transport or cycling, focusing on actionable and sustainable changes. 5. **Global Statistics** - The app aggregates anonymous metrics from all users, displaying averages by category. Graphical representations allow users to see how their performance compares to the global average, enhancing awareness and motivation. 6. **Gamification Module (Advanced Phase)** - This feature transforms recommendations into challenges, motivating users to engage in specific actions. Each challenge has a defined duration and goal, with completed challenges earning points or badges, fostering interaction and sustained engagement. ## DESIGN SPECIFICATIONS - **Visual Style:** Minimalist design with a clean and simple aesthetic, incorporating plenty of white space and a minimal color palette to maintain focus on the content and typography. - **Color Mode:** Light theme featuring dark text on light backgrounds to enhance readability and user comfort. - **Layout:** A structured layout featuring a top navigation bar for easy access to core features, a central content area for quizzes and results, and side panels for recommendations and statistics. - **Typography:** Use a sans-serif font for a modern, clean look. Headings should use a larger size and bold weight to establish hierarchy, while body text should maintain readability with a standard size and weight. ## TECHNICAL REQUIREMENTS - **Framework:** React with TypeScript for robust and scalable application development. - **Styling:** Tailwind CSS for utility-first styling, ensuring a responsive and visually appealing layout. - **UI Components:** Utilize shadcn/ui for pre-built UI components to streamline development. - **State Management:** Consider using Redux or React Context for efficient state management across the application. ## IMPLEMENTATION STEPS 1. Set up the React project using Create React App with TypeScript. 2. Install Tailwind CSS and configure it for styling. 3. Implement user registration and profile management functionality. 4. Develop the carbon footprint quiz component with interactive elements. 5. Create the results visualization component using chart libraries (e.g., Chart.js). 6. Build the recommendation engine based on quiz results. 7. Set up the backend with a REST API for data storage and retrieval. 8. Implement the global statistics feature with aggregated data visualization. 9. Develop the gamification module, including tracking progress and rewards. 10. Test the application for usability and responsiveness across devices. ## USER EXPERIENCE Users will have a seamless experience starting from registration to completing the carbon footprint quiz. They will receive instant feedback on their results, accompanied by visual data representations that are easy to interpret. Personalized recommendations will guide users toward actionable changes, while global statistics will offer insights into their standing relative to others. The gamification module will encourage ongoing interaction and commitment to sustainable practices through engaging challenges and rewards. ```
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!
