Skip to content

Instantly share code, notes, and snippets.

@ajLapid718

ajLapid718/GIPHYAPISUMMER2019PILOT.md Secret

Last active January 11, 2021 19:56
Show Gist options
  • Save ajLapid718/dfc6f6c7377336d916686bb148c031c1 to your computer and use it in GitHub Desktop.
Save ajLapid718/dfc6f6c7377336d916686bb148c031c1 to your computer and use it in GitHub Desktop.
Download ZIP
GIPHY API Summer 2019 Pilot
Raw
GIPHYAPISUMMER2019PILOT.md

Coding Exercise

For this group assignment, you will create a simple web application that does the following:

  1. Allow the user to enter any search term
  2. Fetch a list of results from the GIPHY API
  3. Allow the user to sort and filter based on as many parameters you'd like

Requirements

  • When App mounts, load trending gifs

  • DO NOT WRITE ALL COMPONENTS IN ONE FILE. Break out components into separate files, and make sure that they are imported/exported properly

  • Consider using three components:

    • App Component: has state with GIFS

    • SearchField Component: has state with search field input

    • GifCard Component: presentational component receiving GIF info as props

In order to interact with the API, you will need to create a free developer account and create a new project to have an API key generated for you.

To hit various GIPHY API Endpoints, you can use the following paths:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment