Our goal with this challenge is to get a sense for how you write code and solve problems.

Please write a minimal React app (CRA, Next.js or whatever you prefer), that implements a simple search for GIFs via the Giphy API.

Therefore, you will need to implement a single view 4 different states.

Pressing the initially visible button, reveals the search form with an input field.

After entering a search term in the input field, 12 GIFs should be fetched from the Giphy API and displayed in a scrollable grid below.

Clicking on a GIF in the grid, selects the GIF and displays it on its own.

Please fork this repository and deliver your code as a Pull Request on GitHub. Make sure to document how to run your application.

Please have a look at the provided Figma design. The solution does not have to be pixel perfect, but should resemble the design as close as possible.

• Use whatever tools/libraries/frameworks that help you to achieve a good result, but ​do not add unnecessary dependencies
• Think & develop in ​components
• UX/UI​: Does the form adapt well to different devices (mobile/desktop)?
• BONUS: Make ​regular commits​ as in your usual workflow, instead of pushing everything all at once)
• Have fun!

Asking questions is good​. We are happy to help and will not penalize you for asking questions (just drop a line to [email protected]).