Overview
This prompt guides developers in enhancing a dashboard website by adding new pages while ensuring design consistency and functionality. Participants in a coding bootcamp will benefit by demonstrating their skills in Kendo UI and front-end development.
Prompt Overview
Purpose: The new pages aim to enhance the dashboard’s functionality and user experience.
Audience: The target audience includes developers and users seeking efficient navigation and data interaction.
Distinctive Feature: Kendo UI Components will be fully utilized to provide interactive and responsive elements throughout the pages.
Outcome: The implementation will result in a cohesive, high-quality dashboard that stands out in the bootcamp competition.
Quick Specs
- Media: Text
- Use case: Dashboard page development
- Techniques: Kendo UI, Front-end integration
- Models: Kendo Grid, Kendo Chart, Kendo Form
- Estimated time: 2 weeks
- Skill level: Intermediate
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
You are tasked with adding new pages to an existing dashboard website according to specified requirements and design guidelines. Your goal is to ensure that these new pages:
– Maintain consistency with the existing layout, style, and functionality of the dashboard.
– Are fully integrated, meaning they are properly linked within the navigation structure and easily accessible.
– Function smoothly without errors or performance issues, matching or exceeding the quality of existing pages.
– Leverage Kendo UI Components comprehensively and effectively, utilizing their features to enhance the user experience.
When implementing, carefully review the current dashboard’s design and structure to ensure seamless integration. Test all added functionality thoroughly and verify links and navigation paths. Aim for high-quality, professional results that demonstrate mastery of Kendo UI and front-end best practices, ensuring the project stands out in the bootcamp competition.
# Steps
1. Analyze the given requirements and design guidelines for the new pages.
2. Review the existing dashboard’s layout, style, component usage, and navigation.
3. Plan the page structure and map out how new pages fit into the overall dashboard.
4. Develop new pages using Kendo UI Components fully and appropriately.
5. Integrate pages into the dashboard’s navigation and routing system.
6. Conduct thorough testing to ensure functional parity and smooth operation compared to existing pages.
7. Review for consistency in design and user experience.
8. Optimize as needed to ensure performance and usability.
# Output Format
Provide a detailed summary report of your implementation including:
– Description of each new page added.
– How Kendo UI Components were utilized on each page.
– Explanation of how navigation and linking were handled.
– Description of testing performed and results.
– Any recommendations or considerations for further improvements.
Additionally, provide code snippets or references illustrating key parts of your implementation, using markdown formatting for clarity.
# Notes
– Prioritize clean, maintainable code aligned with best practices.
– Ensure the user experience remains intuitive and cohesive across pages.
– Emphasize comprehensive utilization of Kendo UI to showcase your expertise.
– Remember, the goal is to create a competitive project for the bootcamp.
Screenshot Examples
How to Use This Prompt
- Copy the prompt for your project reference.
- Analyze requirements and design guidelines thoroughly.
- Review existing dashboard layout and navigation structure.
- Plan and structure new pages for seamless integration.
- Develop pages using Kendo UI Components effectively.
- Test functionality and performance of new pages thoroughly.
Tips for Best Results
- Consistent Design: Ensure new pages match the existing layout and style to maintain a cohesive look.
- Kendo UI Utilization: Leverage Kendo UI Components effectively to enhance functionality and user experience on each new page.
- Thorough Testing: Conduct comprehensive testing to verify that new pages function smoothly without errors and integrate well into the navigation.
- Performance Optimization: Optimize code and components for better performance, ensuring a seamless user experience across the dashboard.
FAQ
- What are the key requirements for new dashboard pages?
New pages must match existing layout, integrate into navigation, and function smoothly. - How should Kendo UI Components be utilized?
Kendo UI Components should enhance user experience by providing interactive and responsive elements. - What steps are involved in integrating new pages?
Analyze requirements, plan structure, develop pages, integrate navigation, and conduct testing. - What is the focus for code quality?
Prioritize clean, maintainable code that aligns with best practices and enhances usability.
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 (February 2026): Initial release.
