An app that shows the weather forecast for the next five days.
This app fetches a 5-day weather forecast from the open weather map API and displays them on the screen. The temperature of a day is also shown in three hours intervals in a bar chart. Users can browse through the five weather cards using arrows. Each weather card contains the average temperature and date of that day.
- Switch unit between Celcius and Fahrenheit.
- Select weather cards using arrows.
- Bar chart of the temperatures throughout the day in three hours interval.
- Weather card shows average temperature of the day and date.
- React
- Redux
- HTML/CSS
- Javascript
- Create React App
- Open Weather Map API
- Material UI
- React Testing Library
- etc
- An internet browser
- npm
- react
- Clone the repository to your local machine using
git clone https://github.com/ershadul1/weather-app.git - On your local machine, navigate to the folder using
cd weather-appin your terminal. - Run
npm installfor installing all the dependencies. - Create a new file named
.envin the root directory and add the following lines. Replace{OPEN WEATHER MAP API KEY}with an API KEY from - OPEN WEATHER MAP
REACT_APP_API_URL='https://api.openweathermap.org/data/2.5/forecast'
REACT_APP_API_KEY='{OPEN WEATHER MAP API KEY}'
- Run
npm startto run the app on your local webserver. - Visit
http://localhost:3000/weather-app/to run the app on your browser.
- Clone the repository to your local machine using
git clone https://github.com/ershadul1/weather-app.git - On your local machine, navigate to the folder using
cd weather-appin your terminal. - Run
npm installfor installing all the dependencies. - Run
npm testto start the test suit.
There are two ways of contributing to this project:
-
If you see something wrong or not working, please check the issue tracker section, if that problem you met is not in already opened issues then open the issue by clicking on the
new issuebutton. -
If you have a solution to that, and you are willing to work on it, follow the below steps to contribute:
- Fork this repository
- Clone it on your local computer by running
git clone https://github.com/ershadul1/weather-app.gitReplace ershadul1 with the username you use on github - Open the cloned repository which appears as a folder on your local computer with your favorite code editor
- Create a separate branch of the main branch,
- Write your codes that fix the issue you found
- Commit and push the branch you created
- Raise a pull request, comparing your new created branch with our original master branch here
👤 Ershadul Rayhan
- Github: @ershadul1
- Twitter: @ErshadulRayhan
- Linkedin: ErshadulRayhan
- Email: ershadul.rayhan@gmail.com
Give a ⭐️ if you like this project!