Weatherify 🌤️

Library Directory 📙

Contents
Built With
Live Demo
Install
Testing
Authors
License

Description

The purpose of this project was to create a weather app using an API

I have created a weather app that allows you to search for any city and returns its weather information. It includes details of its temperature, description, feels like, humidity, wind speed, cloud coverage, sunrise and sunset time. Along with that, you can also change between Celsius and Fahrenheit.

I have also included an image API that retrieves data from Unsplash and displays a background image of the location.

Built With 🛠

- JavaScript
- OpenWeatherMap API
- Unsplash API
- Tailwind CSS
- Webpack
- HTML5
- Netlify
- VS Code

Live Demo 🎥

Install ⏳

Follow these steps below to get my Application working. I used npm to manage all my packages for JavaScript. If you don't have it installed already, you can install it here

1. • Open your Terminal
2. • Navigate to the directory where you will like to install the repo by running cd weatherify
3. • Run git clone git@github.com:DcRonan/weatherify.git to download or you can download using HTTPS by running git clone https://github.com/DcRonan/weatherify.git in the terminal
4. • Run cd weatherify to enter the directory
5. • Run npm i to install all the packages
6. • Sign up here for your own API key (You will receive the key via email and can access it in your account)
7. • Create a key.js file in src/js/components directory
8. • Add below to your key.js file

const key = 'YOUR_API_KEY_HERE';

export default key;

9. • Run npm run build to build the app
10. • Go on your preferred browser and open dist/index.html in the folder directory

Testing ⚙

I have used linters to test my code, which includes: webhint, eslint and stylelint

1. • Open Terminal again
2. • Run cd weatherify to enter the directory
3. • Run npm test to start testing
4. • All tests will pass ✅

Authors

👨‍💻 Daniel Ronan

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

License