Giphy API project

API summary

This is a simple .gif search app based on the Giphy API

Features of the project

• Implement a simple .gif search app based on the Giphy API,
• after entering a search term into the text input and clicking on the search button the app should query the Giphy API and display related .gifs below the text input
• onclick of any of the gif, it should go to another page showing the details of the gif
• write unit tests for the search field and the results list

Screenshots

Image from trending API

Image from search API

This project was built With

• JavaScript(React)
• HTML & CSS
• Tailwind CSS
• Git and Github flow
• Giphy API
• Linting
• Yarn package manager

Prerequisites

• IDE to edit and run the code (Visual Studio Code or Sublime Text 🔥).
• Node.js already downloaded.

Getting started

Clone the project to your local machine. In the project directory, you can run:

yarn

This will install the project dependencies

Start the development server

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

To fix linters error

Run npx eslint . --fix

Incase of any failed compilation

Run test cases

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Author 👤

👨‍💻 Akoke Victor Anto

• Github: antoHero
• Twitter: @_iam_veecktor
• Linkedin: akoke-anto