Icon API to randomize the theme of images

[jengle-dev]

https://developer.iconfinder.com/reference/overview-1

[jengle-dev]

The Iconfinder API is an HTTP JSON API and allows you to programmatically access resources on the service, such as icons, icon sets, categories, styles, authors, etc. The API is accessible on the api.iconfinder.com domain and always used over HTTPS. It accepts form-encoded request bodies, returns JSON-encoded responses, and uses standard HTTP response codes, authorization, and verbs.

[jengle-dev]

example pulling category of pickles with 30 results but it looks like we can choose number pulled back but would not randomize because we would not have extra options.

GET https://iconfinder-api-auth.herokuapp.com/v4/icons/search?query=pickles&count=30

curl --request GET \ --url 'https://api.iconfinder.com/v4/iconsets?count=10' \ --header 'Authorization: Bearer X0vjEUN6KRlxbp2DoUkyHeM0VOmxY91rA6BbU5j3Xu6wDodwS0McmilLPBWDUcJ1' \ --header 'accept: application/json'

[jengle-dev]

Ally suggested we choose initial count of 8 images instead of Math.floor randomizing from a larger array pulled back from API. Add that as a nice-to-have.

[jengle-dev]

API key uC6CsrKOpLvqkHaklwGh6uV8LwfEqa5t4GsVnRYFpbGD5a58OzhIGQGQk86DMX1C Client ID U7WHdyA6jueqIJWOJH775Wqqn4ZlhybDLxZHvoTx9NJoMyQLNdbwXWy4vKi5IDqn schmobots.com

need to register new API key with our published site url

[jengle-dev]

going to try using https://www.pexels.com/api/documentation/

[jengle-dev]

Pexels requires .node and Ally suggested we not go there yet.

trying serpapi.com next

API Key requested and received: a4a6db4f2015502f33fd07a0dabf3c5c4f2804cceedd61c91db6f93d0cff030a

[jengle-dev]

Going to try Flickr

Needs Authorization: OAuth is an open standard for access delegation, commonly used as a way for internet users to grant websites or applications access to their information on other websites but without giving them the passwords.

Matching Game Key: ab44015fa7a49dd092d72824c1d221fd

Secret: 72029c16a98c0dbd

[jengle-dev]

flickr.galleries.getPhotos

Typical usage

#

https://live.staticflickr.com/{server-id}/{id}_{secret}_{size-suffix}.jpg

#

Unique URL format for 500px size

#

https://live.staticflickr.com/{server-id}/{id}_{secret}.jpg

[jengle-dev]

successfully able to receive JSON response from API and then generate the http.jpg url needed for the images.

• next is to create the images array
• add event listeners
• possibly add modal for trivia to this js unless a way to create an event from last card flip in game.html that can be listened for within the trivia.js to have the modal and fact populate
• need to create function to randomize
• need to create function to flip cards & alerts --> use code from practice match game/youtube

[jengle-dev]

Flickr was used in script.js this is complete