🌦️ WeatherSphere Pro

An Advanced Weather Forecast Web Application
Built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API

---

🚀 Live Demo

🔗 Try it here: ( https://arpan-git-source.github.io/WeatherSphere-Pro/ )
💻 Code Repository: ( https://github.com/Arpan-git-source/WeatherSphere-Pro )

---

🧠 About the Project

WeatherSphere Pro is a modern, dynamic weather application designed for real-time forecasts, climate insights, and clean user experience — built as part of my 3rd-year B.Tech project.
It offers rich UI animations, responsive design, and functionality similar to premium weather apps like Google Weather or iOS Weather.

---

🌟 Features

• 📍 Location-based Weather (via Geolocation)
• 🔍 Search Cities Globally
• 🌡️ Switch Units – Celsius / Fahrenheit
• 🌗 Dark/Light Mode Toggle
• 📅 7-Day Forecast with icons
• 🕒 Hourly Forecast (24 hours)
• 📊 Weather Graphs:
  • Temperature
  • Wind Speed
  • Precipitation
• 🌅 Astronomy Info:
  • Sunrise & Sunset
  • Moonrise & Moonset
  • Moon Phase (icon + label)
• 💡 Smart Lifestyle Tips based on conditions
• 🧑‍💻 Fully Responsive (mobile-ready UI)

---

🛠️ Tech Stack

Tech	Role
HTML5	Semantic structure
CSS3	Animations, layout, dark mode
JavaScript	API calls, DOM manipulation, logic
OpenWeatherMap API	Weather & forecast data
Font Awesome	Icons for weather visuals
GitHub Pages	Free static site hosting

---

🖼️ Screenshots

🌞 Light Mode : (https://github.com/Arpan-git-source/WeatherSphere-Pro/blob/main/Light-Mode.png)

🌚 Dark Mode : (https://github.com/Arpan-git-source/WeatherSphere-Pro/blob/main/Dark-Mode.png)

---

🧪 How to Run Locally

# Clone the repository
git clone https://github.com/Arpan-git-source/WeatherSphere-Pro.git

# Go into the project directory
cd WeatherSphere-Pro

# Open index.html in your browser


---

## 🌐 API Used
   - 🔗 OpenWeatherMap API (https://openweathermap.org/api)

   - /weather for current weather

   - /forecast for hourly/daily forecast

   - /geo for city-to-coordinate search

---

## 🎓 Academic Credit

- 🎓 3rd Year Mini Project – B.Tech CST  
- 📅 Academic Year: 2024–2025  
- 👨‍💻 Developed by: Arpan Garai


---

## 🙏 Acknowledgements

- [OpenWeatherMap](https://openweathermap.org/)
- [Font Awesome](https://fontawesome.com/)
- UI inspired by Google Weather & modern mobile apps

---

## 📬 Contact

Feel free to connect or share feedback:

- 📧 **Email**: [email protected]  
- 🔗 **LinkedIn**: [Arpan Garai](https://www.linkedin.com/in/arpan-garai-888ba9319/)

---

## 📄 License

This project is open-source under the [MIT License](LICENSE).


-------------------------- The End ------------------------------