Weather Forecast App

A small browser-based weather application I built during my CodeClause internship. It was one of my early projects for learning how to call a third-party API from JavaScript and update a page from the returned JSON data.

The app lets you search for a city and displays its current weather information with a matching weather icon. It also contains an older geolocation flow for loading weather from the browser's location.

Built with

• HTML
• CSS
• vanilla JavaScript
• OpenWeather API
• browser Geolocation API

Files

index.html   page structure
style.css    layout and styling
script.js    API calls, search and weather rendering
images./     weather icons/assets

Run locally

This is a static project, so no build step is required. Clone the repository and serve the folder with any local static server, for example:

python -m http.server 8000

Then open http://localhost:8000 in a browser.

The OpenWeather request needs a valid API key. If you use this project as a reference, move the key/configuration out of the source before deploying your own version.

What I learned

This project was mainly about working with fetch, asynchronous JavaScript, API responses, browser events, geolocation and DOM updates. It is intentionally simple and reflects an earlier stage of my frontend work rather than my current application architecture.