Build a server that has endpoints for both images from Pixabay, and gifs from giphy. Additionally, build out a simple front end that you can use to query the backend and display the results.
Sign up for free accounts at the following websites:
Build a server that has two routes:
Sample query:
localhost:3000/gif/?search=spongebob
Your response should look like the following:
[
"https://giphy.com/gifs/spongebob-meme-imma-head-out-ight-PkLPBuyozY7F31wCxF",
"https://giphy.com/gifs/embarrassed-spongebob-squarepants-njPdRtrrdyoVO",
...
]
- Use the Giphy API to do your GIF search.
- Parse through their results.
sample query:
localhost:3000/images/?search=javascript
Your response should look like the following:
[
"https://pixabay.com/get/35bbf209e13e39d2_640.jpg",
...
]
- Use the Pixabay API to do your image search.
- Parse through their results.
Build a simple frontend to access your backend. It should consist of:
- An
input
for entering the search term - A
button
for "Gif search" - A
button
for "Image search"
Tapping a button should load either gifs or images in a div
below the search bar.