An open API service indexing awesome lists of open source software.

https://github.com/complexlity/weather-app

Application to fetch current weather of any location
https://github.com/complexlity/weather-app

giphy-api javascript openweatherapi tailwindcss

Last synced: 8 months ago
JSON representation

Application to fetch current weather of any location

Awesome Lists containing this project

README

          

# Weather Application

Application to get currrent weather data for any country.

[Live Demo](https://complexlity-weather-app.netlify.app/) :point_left:

![Weather Application Loading](/assets/readme-img.png "Loading State")

![Weather Application Success](/assets/readme-img.png "Success State")

## Features

- Get user's location data using the browser geo-location
- Get random location if user location denied
- Get weather report for any location
- Get gif corresponding to the current weather

## New Feature Alert!!

For better description of the code clone the `with-comments` branch

### FAQs

Question: Why not merge it to the `main` branch

Answer: I personally believe in writing clean codes and try as much as possible to make it self explanatory. But for the sake of reaching beginner levels I have made this new branch

## Technologies used

- JavaScript
- API
--[open weather api](https://openweathermap.org/api)
--[giphy api](https://developers.giphy.com/)
- TailwindCSS

## Geting started

### Clone repository

```
git clone https://github.com/Complexlity/weather-app.git
cd weather-app
```

### Install dependencies

```
npm install
```

### Start Application

```
npm run build
```

Open the folder in a browser. Be sure to have an internet connection active