A lightweight and easy-to-use browser extension to view real-time weather updates for any location.
Built with JavaScript, CSS, and HTML.
- Instantly fetches and displays current weather data
- Search weather by city or use your current location
- Clean, responsive, and user-friendly interface
- Shows temperature, weather conditions, humidity, and wind speed
- Supports multiple units (Celsius/Fahrenheit)
- Minimal permissions required
- Clone the repository
git clone https://github.com/Srijandev145/weather-extension.git
- Load the extension in your browser
- Open your browser’s extensions page (e.g.,
chrome://extensions/for Chrome) - Enable “Developer mode”
- Click on “Load unpacked”
- Select the
weather-extensiondirectory
- Open your browser’s extensions page (e.g.,
- Click the weather extension icon in your browser toolbar.
- Enter a city name or click “Use My Location” to get weather details.
- Instantly view current temperature, weather description, humidity, and wind speed.
- Switch between Celsius and Fahrenheit as needed.
- JavaScript – Weather fetching logic, DOM manipulation, interactivity
- CSS – Styling and responsive design
- HTML – Structure
weather-extension/ ├── icons/ # Extension icons ├── popup.html # Main popup interface ├── popup.js # Popup logic ├── style.css # Popup styles ├── manifest.json # Extension manifest └── ... # Other supporting files
You can see a live preview of the extension’s popup UI by opening popup.html directly in your browser.
This extension uses the OpenWeatherMap API (or your chosen weather API).
You might need to generate and configure your own API key in the code’s settings.
Specify your license here (e.g., MIT License).
Contributions, issues, and feature requests are welcome!
Feel free to open an issue or submit a pull request.
For questions or feedback, reach out via GitHub Issues.