https://github.com/sharada-marasinha/weather_app

A lightweight and responsive weather application built with HTML, CSS, and JavaScript. Stay updated on current weather conditions worldwide. Includes a user-friendly interface, location search, and real-time weather data integration using a weather API.
https://github.com/sharada-marasinha/weather_app

location weather-api weather-forecast

Last synced: about 1 month ago
JSON representation

A lightweight and responsive weather application built with HTML, CSS, and JavaScript. Stay updated on current weather conditions worldwide. Includes a user-friendly interface, location search, and real-time weather data integration using a weather API.

• Host: GitHub
• URL: https://github.com/sharada-marasinha/weather_app
• Owner: sharada-marasinha
• Created: 2023-09-17T18:33:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-13T06:49:18.000Z (about 1 year ago)
• Last Synced: 2024-01-30T02:05:08.023Z (11 months ago)
• Topics: location, weather-api, weather-forecast
• Language: HTML
• Homepage: https://sharada-marasinha.github.io/Weather_App/
• Size: 686 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App

A simple weather application that allows users to check the current weather conditions for a specific location.

## Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Getting Started](#getting-started)

- [How to Use](#how-to-use)

- [API Key](#api-key)

- [License](#license)

## Demo

https://sharada-marasinha.github.io/Weather_App/

![Weather App Screenshot](screenshots/screenshot.png)

## Features

- Display current weather conditions (temperature, description, etc.).

- Search for weather by location.

- Responsive design for various devices.

## Technologies Used

- HTML

- CSS

- JavaScript

- https://www.weatherapi.com/docs/

## Getting Started

To get a copy of this project up and running on your local machine, follow these steps:

1. Clone the repository:

    ```bash

    https://github.com/sharada-marasinha/Weather_App.git

    ```

2. Open the project folder:

    ```bash

    cd weather-app

    ```

## How to Use

1. Open the `index.html` file in a web browser.

2. Enter the desired location in the search bar.

3. Click the "Search" button to retrieve and display the weather information.

## API Key

This project uses a weather API to fetch real-time weather data. To use the API, you need to obtain an API key by signing up on the API provider's website.

Once you have the API key, create a file named `config.js` in the root directory and add the following code:

```javascript

// config.js

const apiKey = '4a758dd1aed04dc3950175920231609';

export default apiKey;