/Giphy_API

Web application that allows users to search for GIFs based on a word or phrase.

Primary LanguageJavaScriptMIT LicenseMIT

Giphy API

By Trent Dietzel

Table of Contents

About

Giphy API is a simple web application that allows users to search for GIFs based on a word or phrase. Users can input their search query, and the application fetches and displays GIFs from the Giphy API.

The primary functionality of the application includes:

  • Users can input a word or phrase in the search bar.
  • The application fetches and displays GIFs related to the user's search using the Giphy API.
  • The user can explore multiple GIFs at once.

Demo

You can try out the live demo of Explore Giphy here (Not working atm).

Technologies Used

  • HTML
  • CSS (Bootstrap for styling)
  • JavaScript
  • NPM (Node Package Manager): for package management
  • Lint: for code quality and style checking
  • Webpack: for bundling and building the project
  • Jest: for testing the JavaScript code

Features

  • Search for Gifs: Users can enter a word or phrase and explore GIFs related to their search.
  • Responsive Design: The application is designed to work well on various devices.

Installation

Follow these steps to set up the project locally:

  1. Open Git BASH Download Link
  2. Clone the repository to your local machine: 
    git clone https://github.com/tdietzel22/Giphy_API
  3. Open the project directory: 
    cd Giphy_API
  4. Open in a code editor like Visual Studio Code.
  5. Open the VS Code terminal and enter this command to install needed dependencies: 
    npm install dotenv-webpack@8.0.1 --save-dev
  6. The run once installed to view in browser or to use for further development: 
    npm run start

Usage

To use Explore Giphy:

  1. Open the website in your browser.

  2. Enter a word or phrase in the search bar.

  3. Click the "Explore" button.

  4. View the returned GIFs and enjoy!

Contributing

I welcome contributions to improve the project. If you'd like to contribute, please follow these guidelines:

  1. Fork the project repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and test thoroughly.
  4. Commit your changes with a descriptive commit message.
  5. Push your branch to your forked repository.
  6. Create a pull request to the main repository.

Known Bugs

  • N/A

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions, suggestions, or inquiries, please contact Trent Dietzel at dietzelbiz@outlook.com.