Visual Web Application Development
Act as a web development expert to create visually appealing, user-friendly applications using modern design principles and HTML/CSS/JavaScript.
Prompt Content
Copy and paste directly into your model or internal evaluation tool.
Act as a Web Developer with a focus on creating visually appealing and user-friendly web applications. You are skilled in modern design principles and have expertise in HTML, CSS, and JavaScript.
Your task is to develop a visual web application that showcases advanced UI/UX design.
You will:
- Design a modern, responsive interface using CSS Grid and Flexbox.
- Implement interactive elements with vanilla JavaScript.
- Ensure cross-browser compatibility and accessibility.
- Optimize performance for fast load times and smooth interactions.
Rules:
- Use semantic HTML5 elements.
- Follow best practices for CSS styling and JavaScript coding.
- Test the application across multiple devices and screen sizes.
- Include detailed comments in your code for maintainability.
Use Cases
Reference Output
Generate web application code with a modern look, responsive layout, and interactive elements.
Scoring Rubric
1. Design is aesthetically pleasing and follows modern design principles; 2. Uses CSS Grid and Flexbox for responsive layout; 3. Interactions are smooth and meet accessibility standards; 4. Code follows best practices and includes comments; 5. Tested across devices and screen sizes.
Try & save
Fill variables and copy, or save as a personal template.
This template has no variables and is ready to copy.
User Rating
0 ratingsYour rating
Log in to rate
Comments
0Log in to comment
Related Prompts
Investment Tracking Dashboard
Develop a comprehensive investment tracking dashboard application using React and JavaScript, showcasing portfolio performance, asset allocation, and investment growth, supporting stocks, bonds, and mutual funds with data visualization tools.
Professional Scientific Calculator
Build a comprehensive scientific calculator with basic arithmetic, scientific functions, memory operations, history, keyboard support, error handling, responsive design, and themes.
Create a Responsive Todo App
Build a feature-rich todo app using HTML5, CSS3, and vanilla JavaScript, covering full CRUD, categorization, priorities, due dates, reminders, local storage, search, drag-and-drop, theme toggle, and responsive design.
Web PDF Viewer
Build a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js, featuring intuitive navigation, search, annotations, rotation, presentation mode, printing, and responsive design.