Skip to content

This application allows you to get current weather information and a 5-day forecast for any city. It also supports retrieving weather information based on your current location.

Notifications You must be signed in to change notification settings

Bobby-coder/Weather-Forecast-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

β˜€οΈ Weather App

Welcome to the Weather App! This application allows you to get current weather information and a 5-day forecast for any city. It also supports retrieving weather information based on your current location.

πŸš€ Features

  • 🌦️ Search for current weather by city name.
  • πŸ“… Get a 5-day weather forecast.
  • πŸ“ Retrieve weather data based on your current location.
  • πŸ“ Maintain a list of recent city searches in a dropdown menu.

πŸ”§ Technologies Used

  • JavaScript (Vanilla)
  • Tailwind CSS
  • OpenWeatherMap API

πŸ› οΈ Setup Instructions

πŸ“‹ Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, etc.)
  • Internet connection

πŸ—οΈ Getting the API Key

  1. Sign up at OpenWeatherMap to get a free API key.
  2. Once signed up, navigate to the API keys section in your account and copy your API key.

πŸ› οΈ Installation

  1. Clone the repository to your local machine or download the ZIP file and extract it.

    https://github.com/Bobby-coder/Weather-Forecast-Application.git

πŸš€ Running the App

  1. Open the project directory

    cd weather-app
  2. Replace the existing API key inisde app.js file with your OpenWeatherMap API key.

    const apiKey = "YOUR_API_KEY_HERE";
  3. Run app using Live server extension.

About

This application allows you to get current weather information and a 5-day forecast for any city. It also supports retrieving weather information based on your current location.

Topics

Resources

Stars

Watchers

Forks