A visually appealing weather checking web app with dynamic 3D background effects powered by Three.js.
Enter any place name to get current weather information, enhanced with interactive snow, sunlight, or star particle effects depending on the weather and time of day.
- Search weather by city/place name
- Fetches location coordinates via OpenWeatherMap Geocoding API
- Displays current temperature, min/max temperatures, weather description, and country
- Dynamic background color changes based on weather and day/night
- 3D particle effects for snow, sunlight, or stars powered by Three.js
- Responsive and clean UI with smooth transitions
- HTML5, CSS3, JavaScript (ES6+)
- Three.js for 3D particle effects
- OpenWeatherMap APIs:
- Geocoding API for location lookup
- Current Weather Data API
- CSS Flexbox for layout and styling
-
Clone or download the repository.
-
Open the
index.htmlfile in your favorite web browser (Chrome, Firefox, Edge). -
Enter a location in the input box and click Check Weather.
-
The app will fetch and display weather data along with a themed 3D background effect.
This project uses OpenWeatherMap API with a free API key embedded in the code for demo purposes:
appid=ddc90a12f9bc190f49b92f613085490b