Art Gallery application using dynamic API data built with AngularJS

Angular Core Dependency:

Added by: Sam Deering





Stars: 48

Watchers: 48

Forks: 8

Module Description

Angular Art Gallery

Art Gallery application using dynamic API data built with AngularJS

See a Plunker


Getting Started

Clone the repository
git clone [email protected]:gigablox/angular-art-gallery.git

Compiled Examples

These are ready to go for development and production environments.


Build Your Own

This AngularJS project is wrapped in commonly used front end development tools to save you time. Development and production environments are configured to inject static assets managed by bower. Production build concats and compresses.

Install the dependencies

cd angular-art-gallery
npm install
bower install
npm install -g grunt-cli

Get an Imgur API key

Get an Imgur API key and add it to your app.config


Build with Grunt

grunt package:dev
grunt package:dev:watch
grunt package:prod


Point your doc-root


pushState Support

Nginx pushState server{} rules

# Need this for $locationProvider.html5Mode(true);
location / {
    try_files $uri /index.html;

Apache pushState .htaccess rules

    #Need this for $locationProvider.html5Mode(true);
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) index.html [L]

Here are more complete rules for both Nginx and Apache

Node Server

Build your package and point the node server to /build/<environment>

node web-server.js


Copyright (c) 2013 Daniel Kanze (@gigablox) Licensed under the MIT License.

Module stats last updated: 2017-11-05 15:00:05

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!