Acknowledgements

API

• Dark Sky

  Dark Sky API provides current, timely (24hrs), hourly (168hrs), and 7-day forecast. For free account, there is a limit of 1000 calls/day.

• Algolia Places

  Algolia Places API provides information about:

  • Cities (by name, using auto-complete or by geographic coordinates)
  • Reverse Geocoding (using provided latitude and longitude)

• IP API

  IP API provides reliable IP Geolocation data. For free account, there is a limit of 30000 requests/month and cannot be used for commercial purpose.

3rd-party Libraries

• Axios

  Promise based HTTP client for the browser and node.js.

• Axios Retry

  Axios plugin that intercepts failed requests and retries them whenever possible.

• Lodash

  A modern JavaScript utility library delivering modularity, performance, & extras.

• Moment Timezone

  Displaying dynamic weather backgrounds and icons specific to the location timezone can be tricky. However, using this lightweight library will simplify the work.

• Nuka Carousel

  Pure React Carousel Component used for TimeFrame component (display hourly weather forecast)

• React Icons

  SVG react icons of popular icon packs. Importing the necessary icons from different font libraries can be achieved using this library.

• React Toggle

  Elegant, accessible toggle component for React. Also a glorified checkbox. This library was used to simplify the development process and customize styling to make theme toggle standout in the UI.

Icons

• Animated weather icons were downloaded from amCharts and Icons are licensed under Creative Commons Attribution 4.0 International Public License.
• Weather Background images were downloaded from Yandex Weather.

Styling

• TailwindCSS

  Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

• Node SASS

  Node.js bindings to libsass. With this library, it is possible to directly import and use SCSS files in JS.

• SCSS Boilerplate

  Get the boilerplate structure of folders to start writing awesome styling syntax in SCSS.