Weather App

Check the weather in your current location, open the app. Enter a city name and see its weather description.Beautiful design and displaying a photo according to the entered city. It changes background color according to weather (clouds, sunny, raining, and shower rain). Toggles between Celsius and Fahrenheit

Note: Not recommendable for smartphones yet

Built With

• JavaScript ES6 Modules
• HTML5s
• CSS3
• Webpack
• Babel
• Open weather map API
• Ip Stack get current location by IP API
• Teleport for city images API

Live Demo

🌐💻

Install

• Clone the project 📝
• Install all dependencies npm i
• Create an account to get all the APIs (Open weather map API and Ip Stack API)
• Create a .env file in the root project directory
• Create API_KEY_IPSTACK=YOUR_API_KEY and API_KEY_OPENWEATHERMAP=YOUR_API_KEY variables
• Run npm run start to check locally

Deployed on GitHub pages

Deployed on GitHub Pages

Improvements

• Enter a slug to input city, country
• Display all cities in the world images

Authors

👤 Bertil Tandayamo

• Github: @bertil291utn
• Twitter: @btandayamo
• LinkedIn: Bertil Tandayamo

Acknowledgment

Inspired design by K SHWETA KUMARI on Behance
Inspired design by Martyna Zielińska on Dribbble

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd appreciate it.

📝 License

This project is MIT licensed.