The weather app was created using JavaScript, HTML, and CSS. This app allows users to search for a city and get current weather information such as temperature, humidity, and wind speed.

• Search for a city to view the weather
• Displays temperature, humidity, wind speed, and UV index
• Fetches weather data from the OpenWeatherMap API

Before running this project, make sure you have the following installed:

• Node.js (includes npm)
  • You can download it from https://nodejs.org

You can check if you have Node.js installed by running:

node -v
npm -v

Clone the repository to your local machine and navigate into the project directory:

git clone https://github.com/Mayokun-Sofowora/weatherApp.git
cd weatherApp

This project uses dotenv to manage environment variables (API keys). To install the required npm package, run:

npm install

1. Sign up for an API key from OpenWeatherMap
2. Create a .env file in the root of the project and add the following line:

API_KEY=your_openweathermap_api_key

Replace your_openweathermap_api_key with the key you received from OpenWeatherMap.

You can run the project using a local server to avoid issues with API requests.

If you have http-server installed globally, navigate to your project directory and run:

npm install -g http-server

After installation, start the server by running:

http-server

This will start a local server with output similar to:

Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.0.10:8080
Hit CTRL-C to stop the server

Alternatively, you can open the index.html file directly in your browser by double-clicking it. However, using a local server is recommended for better dynamic content handling.

Open your browser and navigate to:

http://localhost:8080

1. Open the app in your browser
2. Enter a city name in the search bar and press the search button to get weather data
3. The app will display the current temperature, humidity, wind speed, and UV index for the city

• index.html: The main HTML file containing the structure of the app
• style.css: The CSS file that handles the styling of the app
• script.js: JavaScript file responsible for fetching weather data and handling interactions
• .env: Stores environment variables, such as the API key for OpenWeatherMap

• This app uses the OpenWeatherMap API to fetch weather data. Make sure to get an API key and add it to the .env file
• If you want to modify the app to fetch data from another weather API, just replace the API URL and adjust the data processing in the script.js file

• Make sure you've set up your .env file correctly and that your API key is valid

• Ensure the API response contains the expected data and that the JavaScript is correctly processing it

1. Setup Instructions: Added detailed steps to install dependencies, set up environment variables, and run the app.
2. API Key Setup: Clearly outlined how to obtain and configure the OpenWeatherMap API key.
3. Local Server Instructions: Recommended using http-server for running the app locally, but also included the option to open the HTML file directly in the browser.
4. Notes on Troubleshooting: Provided helpful troubleshooting tips in case the app doesn’t work as expected.
5. Project Structure: Included an overview of the project structure so users understand the organization of files.