aelsaman / ng-pixabay-api-search

A sample Angular 4 application built to query the Pixabay API for images. Implements Material Design and Masonry.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pixabay API Image Search

example screenshot

A simple image search application that implements Pixabay's public API. Users search for images matching a keyword and the application returns a gallery of those images that link back to Pixabay. All images in the application are provided by Pixabay. The application implements Angular 4's Http class, Angular Material, and Masonry.js.

I created a video tutorial to build this project, which you can follow here, if you like: https://www.youtube.com/watch?v=umiW-pfbB5c

This project was generated with Angular CLI version 1.0.4.

Pixabay API

Read the Pixabay API Docs for more information and to obtain an API key.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

About

A sample Angular 4 application built to query the Pixabay API for images. Implements Material Design and Masonry.


Languages

Language:TypeScript 59.6%Language:HTML 14.6%Language:JavaScript 13.1%Language:CSS 12.7%