Weather App Using HTML, CSS & JavaScript | OpenWeatherMap API
Автор: Sayan Ali Mallick
Загружено: 2026-01-22
Просмотров: 12
In this video, I demonstrate my Weather App Web Application built using HTML, CSS, and Vanilla JavaScript.
The app allows users to search for a city and view real-time weather information such as temperature and weather conditions using the OpenWeatherMap API.
✨ Features
Search weather by city name
Displays:
City name
Temperature (°C)
Weather condition
Clean and modern UI
Responsive design
Async/Await for API handling
Error handling for invalid city names
⚠️ Important Note (API Key Security)
This project uses a third-party API that requires a private API key.
For security reasons:
The live GitHub demo shows frontend UI only
Weather data fetching works after configuring your own API key locally
This approach follows best practices for API key security.
🛠 Tech Stack
HTML5
CSS3
JavaScript (Vanilla JS)
📂 GitHub Repository
🔗 https://github.com/stu...
▶️ How to Run Locally
Clone the repository
Generate your own OpenWeatherMap API key
Add the key locally in the project
Open index.html in your browser
Detailed steps are available in the README file.
👨💻 Author
Sayan Ali Mallick
Aspiring Full Stack Developer
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: