This is single-page Gif Search Engine powered by GIPHY API. It embraces the 90's website aestheitcs: gif heavy, flashy background, over saturated colors and the internet meme Nyan Cat. When a user lands on the page, they should be able to see the trending Gif images from GIPHY. They can also search for the gifs they want. In this project, I used little bit of Bootstrap and flexbox for the layout, vanilla Javascript for fetching the API and interaction.
- Trending gifs: When user land on the page, they can see the trending gifs from GIPHY.
- Search bar: They can type the keywords to search for gifs. While loading, there is a message "Please wait..." for the loading state. They can type another keyword to search for different result.
- Search result: The trending gifs would be replaced with search result.
- Result not found: If the keyword doesn't exist or any errors occur it will have the message "something went wrong".
Required Elements
- Use API from GIPHY
- Trending gifs
- Search gifs
- Loading states and errors
- No jQuery
- GIPHY API Guideline Link