VueJS Art Gallery

Hitting the Smithsonian’s museum art api for visual arts. I use the VueJS framework to display the unique pieces, allowing the user to curate and caption their own collection for exhibit.

Build Setup

install dependencies

npm install

cd VueJS-Art-Gallery

npm install vue-template-compiler

npm audit fix

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build

build for production and view the bundle analyzer report

npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Navigation

Landing page

Clicked images collect in personal exhibit

Hover enlarges images

Create/Edit captions for curated art