Skip to content

samiesmilz/giphny

Repository files navigation

Giphnyy - A Giphy Party!

Giphy Party is a fun web application that allows you to search for and display random GIFs from Giphy based on your search terms. This simple readme will guide you on how to use the app effectively.

How to Use Giphny!

  1. Clone the Repository:

    Clone the Giphy Party repository to your local machine using Git:

    git clone <repository-url>
    
  2. Open the Application:

    Open the index.html file in your preferred web browser.

  3. Search for Giphy:

    • Enter a search term in the input field labeled "Ready to find a giphy?"
    • Click the "Search Giphy" button to display a random GIF based on your search term.
    • The app will fetch a random GIF from Giphy and display it on the page.
  4. Clear All GIFs:

    • Click the "Clear All Giphs" button to remove all displayed GIFs.
  5. Hover Effects:

    • Hover over the "Search Giphy" and "Clear All Giphs" buttons to see their background color change.

Technologies Used

Giphy Party is built using the following technologies:

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Axios (for making API requests to Giphy)

Dependencies

Giphy Party relies on the following external libraries and services:

  • jQuery for DOM manipulation.
  • Axios for making HTTP requests to the Giphy API.

API Key

Please note that Giphy Party uses the Giphy API to fetch GIFs. To use the app, you'll need to obtain your Giphy API key and replace it in the app.js file where it's defined. You can get your Giphy API key by signing up on the Giphy Developer portal.

const key = "YOUR_API_KEY_HERE"; // Replace with your Giphy API key

License

This project is licensed under the MIT License. You can find the license information in the LICENSE file in the repository.

Contributing

Feel free to contribute to the project by creating pull requests or reporting issues on the GitHub repository.

Credits

Enjoy using Giphny and have fun discovering and sharing GIFs!