Skip to content

1kauratus/Wether-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Here's an enhanced and polished version of your Weather App description:


Weather App

Overview

The Weather App is a dynamic web application designed to provide users with real-time weather updates, a detailed 5-day forecast, air quality information, and other essential meteorological data. Users can easily check weather conditions by entering a city name or by accessing data based on their current location.

Features

  • Search by City: Users can manually enter a city name to retrieve up-to-date weather information.
  • Current Location Weather: Automatically fetch weather details based on the user's geographical location.
  • Real-Time Weather Information: View essential details including temperature, weather conditions, date, and city.
  • 5-Day Forecast: Get a detailed forecast for the next five days, including expected conditions and temperatures.
  • Air Quality Index (AQI): Display the air quality with details on PM2.5, PM10, CO, NO2, and more.
  • Sunrise & Sunset Times: Provides the exact times for sunrise and sunset at the selected location.
  • Additional Weather Metrics:
    • Humidity
    • Atmospheric Pressure
    • Visibility
    • Wind Speed
    • Feels Like Temperature
  • Hourly Forecast: A detailed hourly breakdown of weather predictions for the day.

Technologies Used

  • HTML: Defines the structure of the web page for better accessibility and organization.
  • CSS: Styles the application with a sleek, modern design, ensuring it looks great on all devices.
  • JavaScript: Powers the dynamic functionality of the app, including API calls and real-time updates.
  • OpenWeather API: The reliable source for fetching current and forecasted weather data.
  • FontAwesome & Boxicons: Enhance the visual experience with icons that add clarity to the app's interface.
  • Moment.js: Simplifies date and time formatting for better presentation.

How to Run the Project

  1. Clone the repository:
    git clone https://github.com/your-repo/weather-app.git
  2. Navigate to the project folder:
    cd weather-app
  3. Open the index.html file in your web browser.

Set Up the API Key

This app relies on the OpenWeather API to fetch data. Follow these steps to get started:

  1. Visit OpenWeather and sign up to obtain your API key.
  2. Open the index.js file and replace YOUR_API_KEY with your unique API key.

Planned Enhancements

  • Improve UI/UX to ensure seamless responsiveness across devices.
  • Add additional weather data, such as UV index and historical weather trends.
  • Deploy the app online for global access.

License

This project is open-source and free to use under the MIT License.

Contact

For inquiries, contributions, or suggestions, feel free to reach out. We'd love to hear from you!


This version adds more clarity, structure, and flow to the content while maintaining all key information.

About

Weather Project which uses an API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors