What does your app do, what is the goal?

With Discover Gifs api you can search gifs. Basis of keywords it will search any gif and generates a list with that keyword.

• A range of gifs to discover
• Get information about the gif

Actor diagram

An Actor diagram is focused on (code)objects that can be seen as the actors of your code. WHO handles functionality in your app.

Interaction diagram

The Interaction diagram focuses on WHAT happens in your code. It visualizes functions and shows how action flows through your application.

Which API is used and what are the limitations?

Giphy: https://developers.giphy.com/

Demo for map, filter, reduce.

The downsize from the api there is not really something to filter the data (for example a tag). In the Codepen demo i made a array with tags included to show waht filter can do.

Demo https://codepen.io/thekevster-nl/pen/ExVRazo

Limits:

• Rate limit: unknown

Collection Records

Design patterns

• Single tab
• No var
• Search functionality

Micro libraries

• Routie for routes

To do List

• [x] Use a new API
• [x] Make modules
• [x] Use routie
• [x] Make a detail page
• [x] Search function
• [x] Styling
• [x] Add loading state
• [x] use map
• [x] creat demo for map,filter and reduce
• [ ] split API and Search API in there own file

Wishlist

• Using a templating engine (transparancy)