Bảng điều khiển Thời tiết

Xây dựng một bảng điều khiển thời tiết toàn diện sử dụng HTML5, CSS3, JavaScript và OpenWeatherMap API. Tạo một giao diện bắt mắt hiển thị điều kiện thời tiết hiện tại với các biểu tượng phù hợp và thay đổi hình nền dựa trên thời tiết/thời gian trong ngày. Hiển thị dự báo chi tiết trong 5 ngày kèm khả năng mở rộng xem chi tiết từng giờ cho mỗi ngày. Triển khai tìm kiếm vị trí có tính năng tự động hoàn thành (autocomplete) và lịch sử tìm kiếm, hỗ trợ cả tên thành phố lẫn tọa độ địa lý. Thêm hỗ trợ định vị địa lý (geolocation) để tự động phát hiện vị trí của người dùng. Bao gồm nút chuyển đổi đơn vị nhiệt độ (°C/°F) và định dạng thời gian. Hiển thị các cảnh báo thời tiết khắc nghiệt với việc làm nổi bật mức độ ưu tiên. Hiển thị dữ liệu khí tượng chi tiết bao gồm tốc độ/hướng gió, độ ẩm, áp suất khí quyển, chỉ số tia UV và chất lượng không khí khi có sẵn. Bao gồm thời gian mặt trời mọc/mặt trời lặn kèm chỉ báo trực quan. Tạo bố cục đáp ứng hoàn toàn (responsive layout) bằng CSS Grid thích ứng với mọi kích thước thiết bị với mật độ thông tin hợp lý.