A professional 5-day weather forecast website featuring a dark glassmorphism design. This project uses the Open-Meteo API for weather data (no API key required).
Note: This entire project (HTML, CSS, JavaScript, Tests, and Documentation) was created 100% using GitHub Copilot.
- Search by City: Instantly find weather for any location worldwide.
- Current Weather: Large hero section displaying current conditions.
- 5-Day Forecast: Responsive grid of forecast cards.
- Unit Conversion: Toggle between Fahrenheit and Celsius.
- Responsive Design: Optimized for desktop, tablet, and mobile devices.
- Glassmorphism UI: Modern, dark-themed interface with frosted glass effects.
Since this is a vanilla JavaScript application using ES modules and fetching external APIs, it requires a local web server to run correctly (opening index.html directly in the browser will not work due to CORS policies).
If you have Node.js installed, you can use npx to run a lightweight server without installing dependencies:
npx http-server -p 8080Open your browser to http://localhost:8080.
This project includes End-to-End (E2E) tests using Playwright.
-
Install dependencies:
npm install
-
Run tests:
npm test -
View test report:
npm run test:report
