An art gallery at your fingertips.

L O O K - B O O K.

Project Three

Brandon Grayson, Merlin Rock,

Gregory Leighton, & Tamira Bell

1

2

Inspiration

L O O K - B O O K.

Imagine: Going to the Museum… Without going to the Museum.

Whether home, or on the go.

Look-Book allows users to teleport to any time period in the world.

After 2020 there is no guarantee that we’ll always be able to walk in and view our favorite Galleries, but why allow yourself to be denied the benefits? Viewing artwork encourages reflection and meditation on the world around us: Bringing us closer to the human experience.

3

Synopsis

L O O K - B O O K.

Look-Book, allows users to view the amazing collection on the Rijksmuseum API easily from any device! With over 650,000 pieces of art from hundreds of Artists throughout history there is sure to be plenty for everyone.

​

Found a piece you like? Save it to your favorites for later!

​

With Look-Book, the world of art is at your fingertips.

4

User-Story

L O O K - B O O K.

As a user,

I want to view pieces of world-famous art and save them

​

When I go to the Home Page

Then I will be prompted to Enter the App

​

When I click “ENTER” on the Home Page

Then I am taken to the Login Page

​

When I am on the Login Page

Then I am asked to provide my login credentials

​

If I do not have an account

Then I am directed to the Signup Page

When I enter my Signup details

Then I can login to Look-Book

​

Once I have Login Credentials

Then I am prompted to Search Artworks

​

When I am presented with an image in the Search Page

Then I can Like or Not Like an Image

​

When I like an Image

Then I can view these images on the Saved Page

​

Once I have a set of saved Images

Then I can scroll through them and delete them as I wish.

5

Roles & Breakdown

L O O K - B O O K.

Front End (HTML, CSS, Bootstrap, Foundation) Styling:

Tamira Bell and Greg Leighton

​

API Harvesting and Back End:

Brandon Grayson and Merlin Rock

​

React Components and Pages:

Greg Leighton and Tamira Bell

​

Authentication:

Merlin Rock and Brandon Grayson

​

GitHub management:

Whole Team

Readme and Presentation:

Tamira Bell, Greg Leighton, Brandon Grayson

​

6

Technologies

L O O K - B O O K.

Front End:

Bootstrap

CSS

Foundation

HTML

JavaScript

React JS

Normalize.css

API:

Rijksmuseum API (Amsterdam, NL).

Public API maintained by one of the world’s top museum’s, with over 650,000 searchable items by artist, category, material, ranking, available images, etc.

Back End:

Axios (API Call)

Express(Server/Routing)

JavaScript

Node.js(Power App)

MongoDB(Database)

Mongoose(DB Com)

​

7

Obstacles & Victories

L O O K - B O O K.

Obstacles:

• Git issues
• React styling and rendering
• Authentication
• API

Victories:

• Strong sense of teamwork and collective goals
• Communication
• Deconstructing big issues into smaller more manageable steps
• Work-flow

8

Future Development Plans

L O O K - B O O K.

• Incorporating the ability for users to leave comments. This would make the app more like a personal journaling tool.
• Able to query from multiple museums and galleries across the world

​

• Expand the reach of the application to Include pieces from local Artists as well

​

• Make the application a PWA.

9

L O O K - B O O K.

Questions?

​

Deployment Link:

https://sleepy-basin-63307.herokuapp.com/

Github Repository Link: https://github.com/BrandonGrayson/Look-Book

Demo Video Link: https://drive.google.com/file/d/1gRmvIJK3VPpjSgBbXM9-klxkLVjRYs3t/view?usp=sharing

10

L O O K - B O O K.

11

Deployment Link

Github Repository Link

Demo Video Link