Skip to content

JavaScript project which works by calling OpenWeatherMaps free API for current weather information. Background changes color regarding the time of day!

License

Notifications You must be signed in to change notification settings

Bismarck-GM/FrostBite-JS-WeatherAPP

Repository files navigation

Frostbite - Weather-App - JS

JavaScript project which works by calling OpenWeatherMaps free API for current weather information.

Features

  • Search for current weather just typing the City name.
  • Search for current weather typing City Name, Country name
  • Usage of iso-3166 (Alpha-2) for country calls.
  • Background color gradient changes every half-hour of the visitor current time.
  • Background illustrations (buildings) change colors between 3 differents regarding visitor Time of Day.
  • Change the measurement of the current temperature between Celsius and Farenheit.
  • Current data shown contains current weather, place, temperatures, wind (speed and direction), humidity and pressure.

Day:

home_page

Dawn-Sunset:

home_page

Night:

home_page

Built With

  • JavaScript (ES6)
  • Node.js
  • Webpack
  • Bootstrap
  • Animate.css
  • Weather-Icons
  • Date-fns
  • SCSS
  • HTML
  • ESLint
  • Stylelint

Live Demo

  • You can click on this link

Getting Started

Prerequisites

  • Node.js
  • Any Browser

To get started open the directory where you will save this repo by typing on your terminal:

$ cd <directory>
  • Clone the repo typing:
$ git clone [email protected]:Bismarck-GM/FrostBite-JS-WeatherAPP.git
  • Install dependencies:
$ npm install

Usage

Start the server:

$ npm run server

Open http://localhost:8080/ in your browser.

Author

👤 Gerónimo Morisot

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project! Feel free to check the issues page.

Acknowledgments

📝 License

This project is MIT licensed.

About

JavaScript project which works by calling OpenWeatherMaps free API for current weather information. Background changes color regarding the time of day!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published