nimsum / harvard-art-museum

A single page app built in Vue that allows for browsing art galleries in each floor of the Harvard Art Museum!

Harvard Art Museum Explorer

An app that allows users to explore the galleries in the Harvard Art Museum! The home page also picks random images out of the tens of thousands of images that Harvard has stored over the years.

Deployed App

Challenge:

• The challenge for this project was to learn and build the app using the Harvard Art Museum API in Vue.js within 5 days.

Screenshots

Wireframe

App

Getting Started

You can view this application live on Heroku at: https://harvard-museum-explorer.herokuapp.com/!

OR

If you'd like to clone this repository to your own local machine, run the following commands in your terminal:

git clone https://github.com/NimSum/harvard-art-museum.git

After that's done downloading, install the dependencies:

npm install

To view the app in action, run the following command in your terminal for the front-end:

npm start

Project Emphasis

• Vue
• Vue Router
• Jest/Vue Test Utils

harvard-art-museum's Issues

Create artwork container

Test Header component

Create gallery button Item

Create galleries sidebar component

Create query URL object that will contain all urls needed for fetches

Deploy to Heroku

Test Header component

Create Floor route

Create Header componen

Test FloorContainer component

Create wireframe

Create gallery route

Create artwork item

Update README

Test GalleriesBar component

Test SplashPage component

Test ArtworkItem component

Test all ArtworkContainer component