voscarmv/weather_app

A weather forecasting app that pulls weather data from the OpenWeather API. I've equipped it with my very own city name autocomplete algorithm using the Teleport API and async/await calls in Webpack. It also toggles displaying the data in Fahrenheit or Celsius.

Weather App

An app that tells the weather. It comes equipped with an auto-complete search bar to find your city!

The navbar.js autocomplete interface uses a novel async call stacking algorithm to prevent the overlapping of Teleport API responses.

Live Demo

Check out the live demo here.

Prerequisites

• Install Node JS. (NodeJS Documentation)
• Install Webpack. (Webpack Documentation)

Install

• Clone this repository in your terminal using git clone command.
• Enter the repo directory.
• Run npm install && npm run build in your terminal.

Usage

• Run npm run server in your terminal.
• Open http://localhost:8080 in your browser.

Author

Oscar Mier

• Github: @voscarmv
• Twitter: @voscarmv
• Linkedin: Oscar Mier

🤝 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!

Acknowledgments

• Thanks to OpenWeather for the API
• Thanks to Teleport for the city data.
• Thanks to Microverse for the opportunity.
• Thanks to The Odin Project for the guidance.

Future features and improvements

• A better UX and design for the page.
• Instead of a sequential async call stack for navbar.js, implement a timeout-based approach as to not overwhelm the Telepor API with requests when typing a city name.

📝 License

This project is MIT licensed.