Overview
This prompt guides a code review and enhancement task for a programming project’s analytics section. Developers maintaining the project will benefit from its clear, actionable steps.
Prompt Overview
Purpose: To verify if the “anelize” section fetches data from Firebase for its graphs.
Audience: Developers integrating Firebase data fetching and UI improvements.
Distinctive Feature: Adds Firebase data fetching if missing and enhances UI with consistent filtering.
Outcome: A polished page with Firebase-powered graphs and time filter buttons.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Development Tools & DevOps, Data Analytics & Business Intelligence, Content & Media Creation
- Techniques: Decomposition, Structured Output, System-First Instructions
- Models: GPT-4, Claude 3 Opus, Llama 4 Maverick
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Analyze the code’s “anelize” section to determine if it fetches data from Firebase. If it does not, modify it to fetch the required data from Firebase specifically for the graphs displayed there. Improve the UI/appearance of that page to enhance its visual design, similar to the style found in the Health Record and Dashboard pages, making it more polished and user-friendly. Do not alter any other functionalities.
Additionally, add a filtering feature by including buttons to select data views by Today, Week, Month, and Year, consistent with the filtering controls used in the Dashboard and Health Record pages.
**Steps:**
1. Thoroughly review and understand the entire codebase to grasp existing data flows and UI components.
2. Check the “anelize” section to verify if data is obtained from Firebase.
3. If Firebase data fetching is absent, implement it for the relevant graphs, ensuring data consistency.
4. Redesign the UI of the page for a better look and feel, referencing the Health Record and Dashboard design elements.
5. Add filter buttons (Today, Week, Month, Year) to allow users to filter data on the graphs.
6. Ensure all existing functionalities besides the above changes remain intact and unaltered.
**Output Format:**
Provide a comprehensive explanation of your findings about Firebase data usage in the “anelize” section, detailing any changes made. Include the updated code snippets implementing Firebase data fetching and UI improvements. Present mockups or descriptions of the enhanced UI design and the new filter button feature. Ensure clarity and completeness for easy integration and review.
Screenshot Examples
[Insert relevant screenshots after testing]
How to Use This Prompt
- Copy the prompt into your preferred code editor or documentation tool.
- Review the codebase to understand data flows and UI components.
- Check if the “anelize” section fetches data from Firebase.
- If not, modify it to fetch data for relevant graphs.
- Redesign the UI using Health Record and Dashboard styles.
- Add filter buttons for Today, Week, Month, and Year views.
Tips for Best Results
- Understand Existing Code: Begin by thoroughly reviewing the entire codebase to understand current data flows and UI components, focusing on the “anelize” section.
- Verify Firebase Integration: Check if the “anelize” section currently fetches data from Firebase. If not, plan to implement Firebase data fetching specifically for the graphs.
- Enhance UI Design: Redesign the UI of the “anelize” page to align with the polished style of the Health Record and Dashboard pages, improving visual appeal and user experience.
- Add Filtering Feature: Implement filter buttons (Today, Week, Month, Year) to allow users to easily filter data on the graphs, ensuring consistency with existing Dashboard and Health Record controls.
FAQ
- Does the ‘anelize’ section fetch data from Firebase?
Review the code to confirm if Firebase is used for data fetching in the ‘anelize’ section. - How can you modify the code to fetch data from Firebase?
Integrate Firebase API calls in the ‘anelize’ section to retrieve data for graphs. - What UI improvements are needed for the ‘anelize’ page?
Enhance the visual design to match the Health Record and Dashboard pages for consistency. - How do you implement filtering features for data views?
Add buttons for Today, Week, Month, and Year to filter graph data effectively.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (March 2026): Initial release.
