Jiffy is a simple GIF searcher that uses the Giphy API. This project demonstrates various front-end techniques, including flexbox layout, CSS grid, working with APIs, and event handling. https://danakun.github.io/jiffy-api/
- Search for GIFs based on keywords.
- Fetch GIFs from the Giphy API.
- Dynamically create HTML elements in JavaScript.
- Control page state using events.
- Implement responsive CSS grid layout.
To get started with Jiffy, follow these steps:
- Clone the repository to your local machine.
- Open
index.htmlin your web browser.
- Enter keywords in the search input.
- Hit Enter to fetch matching GIFs.
- Explore the search results.
Jiffy makes HTTP GET requests to the Giphy API based on your search keywords. It dynamically creates HTML elements and controls the page's state using JavaScript and CSS.
- HTML
- CSS
- JavaScript
- Giphy API
This project was inspired by a web development tutorial by SUPERHI.