Lukearmstrong2201 / weather-API-App

Weather app using API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather Application

A simple and elegant weather application built with HTML, CSS, and JavaScript, powered by the OpenWeatherMap API.

Table of Contents

Features

  • Search for weather information by city name
  • Displays temperature, weather description, wind speed, and humidity
  • Dynamic background image based on the searched city
  • Uses Weather Icons for visual representation
  • Responsive layout for various devices

Getting Started

Prerequisites

  • Node.js and npm (for running the server)
  • OpenWeatherMap API Key (get it here)

Installation

  1. Clone the repository:

    git clone https://github.com/Lukearmstrong2201/weather-app.git
    
  2. Install dependencies

    cd weather-app npm install

Usage

Run the Server:

  • bash npm start Open in Browser:

Open your browser and go to http://localhost:5500 or edit in .env

  • Get Weather:

Enter the city name in the input field. Click "Get Weather" to fetch and display weather information. Enjoy the Weather!

API Key

This application uses the OpenWeatherMap API to fetch weather data. Obtain your API key here and add it to the .env file as described in the installation steps.

\Contributing

Contributions are welcome! Please follow the Contributing Guidelines.

About

Weather app using API


Languages

Language:JavaScript 63.2%Language:CSS 20.7%Language:HTML 16.1%