Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

A React-Typescript application that allows users to search for the current weather conditions of a city.
https://github.com/tayloradam1999/weather-app

bulma react redux typescript

Last synced: 17 days ago
JSON representation

A React-Typescript application that allows users to search for the current weather conditions of a city.

Awesome Lists containing this project

README

        

# weather-app

A React-Typescript application that allows users to enter any city name and get the current weather.

I built this web app as I have been going through *Holberton School's Full-Stack Web Dev Curriculum*, and while learning ```React```, I felt
it might be a good idea to make an application with ```React``` and ```Typescript``` in conjunction with one another, as we don't have many projects
dealing with ```Typescript```.

Weather data is provided by [openweathermap.org](https://openweathermap.org/).

Weather data:
- Skies
- Temperature (K/C/F)
- Humidity
- Pressure
- Wind speed (m/s)

## Packages Used
[react](https://reactjs.org/docs/getting-started.html) |
[typescript](https://www.typescriptlang.org/) |
[react-dom](https://reactjs.org/docs/getting-started.html) |
[react-redux](https://react-redux.js.org/introduction) |
[react-scripts](https://react-scripts.netlify.com/docs/getting-started) |
[redux](https://redux.js.org/introduction) |
[redux-thunk](https://redux.js.org/docs/introduction#using-thunk) |
[redux-devtools-extension](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en) |
[bulma](https://bulma.io/) |
[ghpages](https://pages.github.com/)

## Usage
Visit the deployed webpage at [https://tayloradam1999.github.io/weather-app/](https://tayloradam1999.github.io/weather-app/)