Tag Archives: HTML5

Twitch Status Application

Twitch Status Application

This app uses twitch API to show which twitch channels are currently streaming and online/offline. If a channel is streaming it shows the current status for the channel. If a channel has closed down or does not exist it shows message. You can filter users by their status All, online and offline. This page uses Bootstrap, Twitch API and AngularJS 1.5.8.

View the full pen at http://codepen.io/jawadrashid2011/full/qqYYZd

Links:
Twitch-API https://github.com/justintv/Twitch-API/blob/master/v3_resources/streams.md#get-streamschannel

See the Pen Twitch Status Application by Jawad Rashid (@jawadrashid2011) on CodePen.0

_embed]

Wikipedia Article Reader

Wikipedia Article Reader

This app uses wikipedia api to get random articles from wikipedia or use wikipedia search api to list down wikipedia results for a term using wikipedia. This page uses Bootstrap, Wikipedia API and AngularJS 1.5.8.

View the full pen at https://codepen.io/jawadrashid2011/full/VmrMyL

Links:

See the Pen Wikipedia Article Reader by Jawad Rashid (@jawadrashid2011) on CodePen.0

Current Weather App

Current Weather App

Show the Local Weather

This app gets the current location in coordinates form from ipinfo using ip for the user and uses that to get weather information from openweathermap.org. Then it changes background based on weather condition.

This page uses geolocation to display the current weather for the user and changes background based on the weather. This page uses Bootstrap, jQuery, jQuery UI, and AngularJS 1.5.8.

View the full pen at http://codepen.io/jawadrashid2011/full/ALWOXZ

Links:
https://openweathermap.org/current#geo
http://ipinfo.io/developers

See the Pen Show the Local Weather by Jawad Rashid (@jawadrashid2011) on CodePen.0