Weather App is a beautifully designed web application that provides real-time weather updates. Featuring custom-made images and sounds, it delivers a more engaging and immersive weather-checking experience.
Traditional weather apps provide plain data without an engaging user experience. This project enhances weather tracking by integrating visuals and sounds that match different weather conditions, making it more interactive and enjoyable.
This weather app:
✅ Displays real-time weather updates (temperature, humidity, wind speed, etc.).
✅ Uses custom images and custom sounds for various weather conditions.
✅ Features a user-friendly and interactive UI.
✅ Allows users to search and view weather updates for different locations.
✅ Provides animated weather effects for a dynamic experience.
Frontend: HTML, CSS, JavaScript
Libraries & Frameworks: (Optional) Bootstrap, Tailwind CSS, Axios for API calls
APIs: OpenWeatherMap API (or another weather API)
Assets: Custom-designed images and sounds
git clone https://github.com/your-username/weather-app.git
cd weather-app- Obtain an API key from OpenWeatherMap.
- Create a
config.jsfile in the project directory and add:
const API_KEY = "your-api-key-here";- Ensure the script imports this API key properly.
Simply open index.html in a browser to run the application.
If required, start a local server using Python:
python -m http.server 8000Then open http://localhost:8000/ in your browser.
🔹 Implement voice-based weather updates.
🔹 Introduce dark mode and UI theme customization.
🔹 Add more detailed forecasts (hourly, weekly).
📧 Email: skumaranaswara11042004@gmail.com 🔗 GitHub: (https://github.com/ask11042004/weather-app)
This project is licensed under the MIT License.
Check out the live demo here: Live Demo Link
