Skip to content
This repository

Art Gallery application using dynamic API data built with AngularJS

branch: master

Angular Art Gallery

Art Gallery application using dynamic API data built with AngularJS

See a Plunker


Getting Started

Clone the repository
git clone

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.

Something went wrong with that request. Please try again.