Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bilgehangecici/reactjs-weatherapp

A weather app made with ReactJS | React-Hooks | WeatherStack-API | Unplash-API | POSTMAN
https://github.com/bilgehangecici/reactjs-weatherapp

react react-hooks reactjs weather weather-api weather-app

Last synced: 15 days ago
JSON representation

A weather app made with ReactJS | React-Hooks | WeatherStack-API | Unplash-API | POSTMAN

Awesome Lists containing this project

README

        

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# ReactJS-WeatherApp

#### A mini basic weather app which displays current weather. Made with ReactJS | React-Hooks | Axios | WeatherStack-API | Unplash-API | POSTMAN

---

## About the App

This app is a basic weather app which can display current weather based on user's input or default input (set default to the 'London'). I have used WeatherStack-API for the getting weather information and for the images of places, used Unplash-API. For design and layout part I have inspired from [Arthur K's](https://dribbble.com/shots/7376567-Weather-App-Website) weather app design. You can also take a look at his designs from [here](https://dribbble.com/thearthurk).

---

## Restrictions

* Due to the free version of the WeatherStack-API I have used the http based api which has not a security certificate, I cannot deploy the app properly. But you can also clone this repo and work on your machine. I am working on deploy from other hosting firms lately. As soon as I deploy the app, I will share the link of the project.

* There is an api call limit on WeatherStack api and Unplash api. For **WeatherStack Api -> (1000 call/month), Unplash Api -> (50 call/hour)**

---

## Project ScreenShot(s)

![Istanbul](https://github.com/Bgstatic/ReactJS-WeatherApp/blob/master/readme/Istanbul.png)

---

![New_York](https://github.com/Bgstatic/ReactJS-WeatherApp/blob/master/readme/New_York.png)

---

![Rome](https://github.com/Bgstatic/ReactJS-WeatherApp/blob/master/readme/Rome.png)

---