Skip to content

Rahul-18r/weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Weather Checker

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.


🌟 Features

  • 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

πŸ› οΈ Technologies Used

  • 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

πŸš€ How to Run Locally

  1. Clone or download the repository.

  2. Open the index.html file in your favorite web browser (Chrome, Firefox, Edge).

  3. Enter a location in the input box and click Check Weather.

  4. The app will fetch and display weather data along with a themed 3D background effect.


πŸ”— API Keys

This project uses OpenWeatherMap API with a free API key embedded in the code for demo purposes:

appid=ddc90a12f9bc190f49b92f613085490b

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages