/weather-js

A simple location-based weather app developed in JavaScript where its data is pulled from the OpenWeather API. It also displays a lovely image of the city's landscape.

Primary LanguageJavaScript

Cagarweyne Weather

A simple location-based weather app developed in JavaScript

Purpose of this app was to implement asynschronous API calls and error handling with loading element

alt text

Live Demo

Libraries used

  • FlexSearch - App uses local json file to list all city names for weather API, suggests relevant results

  • Bootstrap 4

  • Webpack 2

  • ImagesLoaded - Check whether images is fully downloaded

Get Started

  1. Clone repo git clone https://github.com/mrnadaara/weather-js.git

  2. Go to repo directory and install npm modules cd weather-js && npm install

  3. Bundle the app by running npm run build

  4. You can have start a dev webpack server by running npm run start

  5. Open dist/index.html to view the app if you bundled it

Testing

This app currently does not including testing

Future releases

  1. Add animations to make UI experience more pleasant
  2. Add splash screen before page loads up

Contributor

Sharmarke Ahmed

Github

Linked-In

Twitter