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

A sample Angular 4 application built to query the Pixabay API for images. Implements Material Design and Masonry.
https://github.com/wesdoyle/ng-pixabay-api-search

masonry material pixabay-api

Last synced: 5 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/wesdoyle/ng-pixabay-api-search
• Owner: wesdoyle
• Created: 2017-06-05T21:50:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-16T21:29:21.000Z (almost 7 years ago)
• Last Synced: 2025-03-30T06:11:12.340Z (6 months ago)
• Topics: masonry, material, pixabay-api
• Language: TypeScript
• Size: 137 KB
• Stars: 27
• Watchers: 5
• Forks: 18
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pixabay API Image Search

![example screenshot](http://wesdoyle.net/content/images/2017/06/ng-pixabay-api-screenshot.PNG)

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](https://www.youtube.com/watch?v=umiW-pfbB5c)

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.4.

## Pixabay API

Read the [Pixabay API Docs](https://pixabay.com/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.