WeatherApp

Description

Explore real-time weather with this web app using OpenWeatherMap API. Get current weather by location, search cities, and grant location access. Built with HTML, CSS, JavaScript.

Features

• Real-time Weather Updates: Get real-time weather updates for any city.
• Location-Based Weather: Automatically fetch weather information based on your current location.
• Search Weather by City: Search for weather information by entering the name of the city.
• Responsive Design: The app is optimized for various screen sizes and devices.

Technologies Used

1. HTML
2. CSS
3. JavaScript
4. Node.js
5. Express.js
6. OpenWeatherMap API

Setup Instructions

1. Clone the repository.
2. Run the following command to install dependencies:

   npm install

   Replace npm with yarn if you're using Yarn as your package manager.
3. Obtain necessary API keys or setup instructions.
4. Run the project locally.

Usage

1. Upon accessing the Weather App, you will see two tabs: "Your Weather" and "Search Weather".
2. Click on the "Your Weather" tab to view weather information based on your current location (requires location access).
3. Alternatively, click on the "Search Weather" tab and enter a city name in the search field to view weather information for that city.
4. If location access is not granted or if the entered city name is incorrect, appropriate error messages will be displayed.

Credits

1. Weather icons: OpenWeatherMap Weather Icons
2. Flag icons: Flag CDN
3. Loading animation: loading.io