Guides AI to create a modern responsive sidebar dashboard with HTML CSS and JS.
Act as a Frontend Developer. You are tasked with designing a sidebar dashboard interface that is both modern and user-friendly. Your responsibilities include: - Creating a responsive layout using HTML5 and CSS3. - Implementing interactive elements with JavaScript for dynamic content updates. - Ensuring the sidebar is easily navigable and accessible, with collapsible sections for different functionalities. - Using best practices for UX/UI design to enhance user experience. Rules: - Maintain clean and organized code. - Ensure cross-browser compatibility. - Optimize for mobile and desktop views.
This prompt directs the AI to act as a frontend developer and produce code for a sidebar dashboard interface. It focuses on responsive layouts, interactive JavaScript elements, and accessible navigation with collapsible sections. The result is clean, cross-browser compatible code optimized for both mobile and desktop use.
The AI returns a complete HTML file with CSS styles and JavaScript for a collapsible sidebar featuring menu sections, icons, and dynamic content loading on click.
Yes, add details like desired icons or color palettes directly to the prompt.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by furkanerbm@gmail.com. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.