https://github.com/priyanshjain9414/weather-forecast-app

A simple weather forecast and alert website that allows users to get current weather information for any city. Built using Node.js, Express, and Vanilla JavaScript, with data fetched from the WeatherAPI.
https://github.com/priyanshjain9414/weather-forecast-app

axios css3 express express-js express-middleware html-css-javascript html5 javascript nodejs

Last synced: 13 days ago
JSON representation

A simple weather forecast and alert website that allows users to get current weather information for any city. Built using Node.js, Express, and Vanilla JavaScript, with data fetched from the WeatherAPI.

• Host: GitHub
• URL: https://github.com/priyanshjain9414/weather-forecast-app
• Owner: priyanshjain9414
• Created: 2024-10-30T04:01:40.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-30T04:08:38.000Z (2 months ago)
• Last Synced: 2024-10-30T07:13:29.470Z (2 months ago)
• Topics: axios, css3, express, express-js, express-middleware, html-css-javascript, html5, javascript, nodejs
• Language: JavaScript
• Homepage:
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather-Forecast-App

A simple weather forecast and alert website that allows users to get current weather information for any city. Built using Node.js, Express, and Vanilla JavaScript, with data fetched from the WeatherAPI.

## Table of Contents

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Usage](#usage)

- [API Key](#api-key)

- [Contributing](#contributing)

## Features

- Fetch and display current weather information for any city.

- Responsive and user-friendly interface.

- Error handling for invalid city names.

## Technologies Used

- **Backend**: Node.js, Express

- **Frontend**: HTML, CSS, JavaScript

- **API**: [WeatherAPI](https://weatherapi.com)

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/priyanshjain9414/Weather-app.git

2. Install the required dependencies:

   ```bash

   npm install axios express

   

3. Replace YOUR_API_KEY with your actual WeatherAPI key.

## Usage

1. Open the index.html file in your web browser.

2. Enter the name of a city in the input field.

3. Click the "Get Weather" button to retrieve the current weather for that city.

4. If the city is found, the weather information will be displayed. If not, an error message will be shown.

## API Key

To use the WeatherAPI, you need to sign up at WeatherAPI and obtain an API key. Insert your key into the server.js file as instructed above.

## Contributing

Contributions are welcome! If you have suggestions or improvements, feel free to create a pull request or open an issue.