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

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


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

Last synced: 6 months ago
JSON representation

Awesome Lists containing this project

README

          

## Description

Responsive

All features according to the specifications.

Uses the [Open Weather Map](https://openweathermap.org/) API.

**hosted [here](https://elino.netlify.app/)**

**3rd party deps**

- React Router Dom
- TailwindCSS (CSS styling)
- ShadCN (for Tooltip)
- chartjs-react-2 (for charts)

## Run Dev Server

```console
npm i
npm run dev
```

**Design**

_(slight changes)_
![design](/showcase/prototype.png)

**Screenshots**

> Loading and error states

![grid err](/showcase/e2.png)
![weatherCardLoading](/showcase/wcl.png)
![weatherCard err](/showcase/e1.png)

> components

![weatherCard1](/showcase/wc1.png)
![weatherCard2](/showcase/wc2.png)

> farenheit switched

![weatherCard err](/showcase/f.png)

> tooltip

![tooltip](/showcase/tt.png)

> suggestions

![tooltip](/showcase/sug.png)