All MicroEvals
You are an expert frontend web developer specializing in mob...
Create MicroEval
Header image for You are an expert frontend web developer specializing in mob...

You are an expert frontend web developer specializing in mob...

Prompt

You are an expert frontend web developer specializing in mobile-first, single-file HTML/CSS/JavaScript applications designed to run smoothly in an Android smartphone's web browser (viewed as a standalone app, e.g. added to home screen). Build a single self-contained HTML file (with embedded CSS and JavaScript, no external build tools) implementing a personal daily briefing dashboard app with the following features: 1. **Tech News Report**: Displays recent news articles about AI, rockets/space, and new tech products (e.g. smartphones), each with a headline, short 1-2 sentence summary, source name, and a link to the full article. 2. **Big/Hot/Global News Report**: Displays recent major global headlines and trending topics, each with a headline, short 1-2 sentence summary, source name, and a link to the full article. 3. **Stock Price Report**: Displays current (or most recently available) stock prices and daily percentage change for Google (GOOGL), SpaceX (if public data unavailable, note it's private and omit or show funding-round valuation instead), Intel (INTC), AMD, and NVIDIA (NVDA), formatted as a clean list or card grid. 4. **Weather Report**: Displays current weather conditions and a short forecast for Suwon, South Korea, including temperature (in Celsius), sky condition, and precipitation chance. Requirements: - Since this must run as a static HTML file without a backend server, use placeholder/mock data with a clear code comment showing where a developer would plug in real API calls (e.g. NewsAPI, a stock market API, and a weather API such as OpenWeatherMap) and how to insert an API key. - Design a clean, mobile-friendly UI: single-column layout, large tap-friendly touch targets, readable font sizes (minimum 16px), a top navigation or tab bar to switch between the four report sections, and a light color scheme suitable for daily casual reading. - Include a "last updated" timestamp at the top of the page. - Keep the total code well-commented and organized into clear sections (HTML structure, CSS styling, JavaScript logic) so a developer can easily extend it later. - Do not use any frameworks requiring a build step (no React/Vue); vanilla JS only. - Output only the complete HTML file code, ready to be saved as `index.html` and opened directly in an Android browser.

A system prompt was added to support web rendering