Skip to content

yurikanamba/heylogif

Repository files navigation

Gif Carousel

This component (written in React Native) renders a carousel of gifs using the giphy API and displays the gif that you picked

image

Screen.Recording.2021-07-28.at.19.04.26.mov

How to run and install

  • $ git clone git@github.com:yurikanamba/heylogif.git

  • $ cd MyApp

  • $ yarn

  • Mobile

    • [iOS]
      • $ cd ios
      • $ pod install
      • $ yarn start
      • $ yarn ios

How it works

First you will need to create a Giphy API Key. Import the GiphyCarousel component and pass it the following props:

  • apiKey as a string
  • visible as a boolean (to hide or display the carousel)
  • searchTerm as a string (to pass gif keyword to the Giphy API)
  • onPress as a function (the function you want to run when a gif is selected)

An example can be found in App.js.