Back to Browse

Weather App Using HTML, CSS & JavaScript | OpenWeatherMap API

27 views
Jan 22, 2026
1:16

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

Download

0 formats

No download links available.

Weather App Using HTML, CSS & JavaScript | OpenWeatherMap API | NatokHD