informaticacba / weather-app

This app allows you to get live weather data from Cities around the world. Also includes the Google maps autocomplete feature.

Weather App

In this project, I build a weather app using promises and the Fetch API. In this project, I also considered using async and await functions but chose to use promises instead. For API calls, I used the API provided by openweatherapp.com.

Video demo

Security warning

• The API KEY although declared publicly here has been restricted.

Built With

• HTML, CSS, JavaScript
• Materialize CSS
• Fetch API
• npm
• OpenweatherApp API
• Unsplash API
• Webpack
• Figma for UI/UX design
• Google places autocomplete API

Linters used

• ESlint

Live Demo

Live Demo Link

Clone the project

git clone https://github.com/onedebos/weather-app.git

Install dependencies

npm install

See the project in your browser

npm run build

npm run watch

Then open the index.html file with live-server.

Original UI design

UI design

Automated Tests

• Currently, there are no automated tests avaailable for this project. This will be implemented at a later date.

Planned Feature

• Find weather in my City button

Authors

👤 Adebola

• Github: @githubhandle
• Twitter: @twitterhandle
• Linkedin: linkedin

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.