2024-08-19 21:19:01 +05:30
2024-07-31 21:15:53 +05:30
2024-08-19 21:08:09 +05:30
2024-06-16 18:49:27 +05:30
2024-08-06 21:36:11 +05:30
2024-08-19 21:08:09 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 19:14:09 +05:30
2024-08-19 21:19:01 +05:30
2024-06-16 18:49:27 +05:30
2024-06-16 18:53:12 +05:30

🌦️ WeatherMaster

WeatherMaster is developed with pure HTML, CSS, JavaScript, and Java. Designed to mimic the look and feel of a native Android app.

(Last updated on 08-19-2024 at 3:16 PM UTC)

👁️ Preview

Current & 48hrs Hourly prec & 8-days forecast Radar & moon/sun Current Conditions
Air and UV index Government alerts Moon phases Settings

📲 Download

GitHub

✨ Features:

  • 🌤️ Current Weather: Get real-time updates on weather conditions in your area.
  • 📢 Government Weather Alerts: Receive official alerts and warnings to stay safe.
  • ⏳ 48-Hour Forecast: Plan your short-term activities with accurate forecasts for the next two days.
  • 📅 8-Day Forecast: View detailed weather predictions for the upcoming week.
  • 🌙 Moon Phases: Track the phases of the moon and plan accordingly.
  • 🌑 Moonrise & Moonset: Know the exact times for moonrise and moonset each day.
  • 🌅 Sunrise & Sunset: Stay informed about sunrise and sunset times to optimize your day.
  • 📏 Day Length: Check how long the daylight lasts each day.
  • 📝 Day Description: Get a brief summary of the day’s weather conditions.
  • 🌧️ Rain Bar: See a visual representation of expected rainfall.
  • 👁️ Visibility: Monitor how far you can see clearly based on weather conditions.
  • 💧 Humidity: Check the current humidity levels to stay comfortable.
  • 🧭 Pressure: Track atmospheric pressure to understand weather changes.
  • 🌬️ Wind Direction & Speed: Stay aware of wind patterns and strength.
  • ❄️ Snow Amount: Know the expected snowfall for winter planning.
  • ☁️ Cloudiness: See how much of the sky is covered by clouds.
  • 🌡️ Min-Max Temperature: View the range of temperatures for the day.
  • 🌬️ Feels Like Temperature: Understand how the temperature feels based on wind and humidity.
  • 🌧️ Precipitation Type & Area Coverage: Get details on what kind of precipitation is expected and its coverage area.
  • 🌞 UV Index: Stay protected from harmful UV rays with UV index updates.
  • 🌿 Air Quality: Monitor air quality to stay informed about pollution levels.
  • 🗺️ Live Map: Access a real-time map to track weather conditions in different areas.
  • 📍 Location Picker: Easily select and view weather information for different locations.
  • ⭐ Save Favorite Locations: Save your preferred locations for quick access to their weather updates.
  • 👗 Clothing Recommendations: Get suggestions on what to wear based on the current weather conditions.

⚙️ Other:

  • 📱Native Android Experience: Enjoy a user interface and interaction that closely resemble a native Android Weather app.

  • 🎨Material Design: The app is built using Material Web Components, ensuring a clean, consistent, and visually appealing design.

  • ⚙️Customization Options: Enjoy a ton of customization options. Adjust themes, Units.

  • 📐Responsive Design: WeatherMaster is fully responsive for all mobile devices.

  • 🧩User-Friendly Interface: The app's interface is designed to be straightforward and user-friendly.

🛠️ Built With:

  • HTML & CSS: For the basic structure and styling of the app.

  • JavaScript: To handle the app's logic and interactivity.

  • Weather data: Using OpenWeatherMap to fetch weather, ipgeolocation.io for Moonset and Moonrise data, visualcrossing.com for moon phases and api.opencagedata.com for Geocoding

  • Java: Mainly used for JavaScript interface and permissions, allowing the app to run on Android devices.

  • Material Web Components: Utilized to create a consistent and attractive Material Design look and feel.

  • Weather icons: Google weather icons

📝 Todos:

  • ✅ Make it lightweight
  • ⬛ Notification alerts
  • ✅ Allows you to add multiple locations
  • ⬛ Customization (under construction)
  • ✅ More detailed weather
  • ✅ Live weather map
  • ✅ Pick locations using map
  • ✅ Change app colors according to the weather


Note

The app is designed to run on Android devices and does not support web browsers. Attempting to open the app in a browser will not work.


Contact

For any questions or feedback, feel free to open an issue on GitHub or contact pranshul.devmain@gmail.com


License

This project is licensed under the MIT License. See the LICENSE file for details.

Latest
2026-06-29 23:20:00 -05:00
Languages
Kotlin 100%