Angular 4 Tutorial - Image Search App with Http

In this video, I build a an image search application using Angular 4 to query the Pixabay API. We'll use the Angular CLI to start the project and build a service that implements Angular's Http class to query the API, which returns a set of images and metadata. I also demonstrate how to implement Angular Material and Masonry.js.

Check out my new (December 2017) in-depth full-stack Angular + .NET Core Web API premium course at: https://productivedev.com/product/ng-dashboard-net-core-api/

Pro Members at Productive Dev get access to all of my current and future premium courses.

Get 15% off a Pro Membership subscription by using promo code 'DEV2017' at checkout.

* Note that the material design library (and likely other libraries) have had breaking changes since this video was uploaded. As of October 2017, you should be able to change the 'md' prefixes to 'mat' for material design components. In future videos, I'll try to remember to use explicit versions of third party libraries so the tutorials aren't outdated so quickly.

https://github.com/wesdoyle/ng-pixabay-api-search


Note that I'm using bash commands on the command line - for this, you'll need a terminal emulator like Bash on Ubuntu on Windows, Git for Windows, or Cmder. I'm using Cmder, which you can find here: http://cmder.net/

Post a link to your code if you make improvements - I may mention your repository in a future video!

Some ideas for improvement:

- Create separate search, image, and gallery components
- Adjust search to filter results based on other criteria

Dependencies and Libraries:
- Typescript - https://typescriptlang.org
- Node.js - https://nodejs.org/en/
- Masonry.js - https://masonry.desandro.com/
- Angular Material - https://material.angular.io/