weather-now

A simple weather app that fetches weather data using open weather API, according to user input, and displays it to the user. Built with Javascript.

Screenshot

Features

1. Change the temperature scale between Celsius and Fahrenheit.

2. Various weather parameters such as humidity, pressure, max temp, min temp, wind speed, wind direction, cloudiness, visibility, etc. are displayed.

3. Current data and time of the queried city are also displayed.

4. The sunrise and sunset time is also generated according to the queried city's timezone.

5. The background image changes according to the weather condition.

6. Built with fully responsive design. Works on the device of your choice.

Built With

• HTML/CSS
• Javascript
• Webpack

Live Demo

• Weather Now

How to run this project on your local machine

Prerequisites

1. An internet browser
2. npm

Steps to follow

1. Clone the repository to your local machine using git clone https://github.com/ershadul1/weather-now.git
2. On your local machine, navigate to the folder using cd weather-now in your terminal.
3. Run npm install for installing all the dependencies.
4. Navigate to the dist folder.
5. Open the index.html with your preferred browser.

Contributions

There are two ways of contributing to this project:

1. 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 issue button.

2. If you have a solution to that, and you are willing to work on it, follow the below steps to contribute:

   1. Fork this repository
   2. Clone it on your local computer by running git clone https://github.com/ershadul1/weather-now.git Replace ershadul1 with the username you use on github
   3. Open the cloned repository which appears as a folder on your local computer with your favorite code editor
   4. Create a separate branch of the master branch,
   5. Write your codes which fix the issue you found
   6. Commit and push the branch you created
   7. Raise a pull request, comparing your new created branch with our original master branch here

Author

👤 Ershadul Rayhan

• Github: @ershadul1
• Twitter: @ErshadulRayhan
• Linkedin: ErshadulRayhan
• Email: ershadul.rayhan@gmail.com

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• This project was inspired by the Microverse program
• Open Weather API