Skip to content

Web app project that allows users to view weather information by city name. The use of two APIs gives the weather info(openweathermap.org) and the city background image(pixabay.com). Built with Javascript, ES6, NPM, Webpack, HTML5, CSS, and SCSS.

Notifications You must be signed in to change notification settings

NewIncome/WeatherApp

Repository files navigation

Weather App project

This project is a weather forecast site using the weather API. With requirements according to The Odin Project weather app project

image

Built With

  • JavaScript
  • Webpack
  • HTML5
  • SCSS

Live Demo

🌐💻

Getting Started

In order to start with this project you need the next:

  1. Get a copy of this project this repository 📘

Once you have cloned this project

  1. Go to folder project
  2. Look for the dist/index.html file and open in your browser

Usage

  • Enter a city name to search for the temperature search button or Enter key.
  • Once loaded successfully you can click the C°/F° degrees button to switch from C° to F° and viceversa.

Improvements

Features pending to add to this app:

  • More temperature color-backgrounds
  • Better error handling
  • More Responsiveness

Author

👤 Jose Alfredo Cardenas

Acknowledgement

Inspiration from this project

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, greatly appreciated.

📝 License

None

About

Web app project that allows users to view weather information by city name. The use of two APIs gives the weather info(openweathermap.org) and the city background image(pixabay.com). Built with Javascript, ES6, NPM, Webpack, HTML5, CSS, and SCSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages