This used AngularJS and was based on this excellent walkthrough. This site demonstrates AngularJS features such as APIs, Templates, and Directives.
AngularJS Currency Calculator
This used AngularJS and was based on this documentation. This site demonstrates AngularJS features such as Dependency Injection, Factory Functions, and Controllers.
Stylish Portfolio
This site used HTML, CSS, and Bootstrap. It was an emulation of elements from this layout.
Translator
This site uses the Yandex API for translation. JavaScript functions allow translations to occur without a page reload.
Clock
This clock displays the time and city. This site uses the Telize API to ascertain the current city by the IP address and JavaScript functions to detect and display the browser’s current time.
Thanks to Prashanth for information about the Telize API and credit goes to SitePoint for the clock designs.
Find Recipes
Enter an ingredient and get recipes and nutritional information instantly. This was made using the Edamam’s Recipe Search and Diet API which provides access to over 1.5 million recipes from over 500 sites.
This was my second time using an API. I learned much from Apps from scratch. This time was different because I kept getting an error messages until I realized that I had to use JSONP instead of JSON. I also had to use a callback function to prevent errors.
Weather Now
Enter a city and find out its current temperature. This was made using the Open Weather Map API (Application Programming Interface) which provided data in the JSON format.
Special thanks to bloggers Omar for helping me get started with this API and Prashanth for helping me make sense of the JSON.
I feel great about getting started with this API. I feel like I have cracked open the door to the wide world of APIs, and I am excited about the future of learning, playing, and exploring even more…
bryanttunbutr 