Skip to content

MRowan121/MarvelousGifs

Repository files navigation

Overview

The purpose of this application is to enable a user to see various gifs of their favotire Marvel heroes and villains. Once a user has navigated to the main page, they have the option of searching in the input box or selecting a character's name directly from the list below it. After a selection has been made, the user will be routed to a page displaying their chosen character's name and gifs. The gif display utilizes slider.js and creates a slideshow effect for the returned results.

This project utilizes an API created by GIPHY.

Technologies Used

Setup Instructions

  1. Fork the Repo from the Repository
  2. Clone the repo
    git clone git@github.com:MRowan121/MarvelousGifs.git
  3. Install NPM packages
    npm install
  4. Run npm start
    npm start
  5. Use the Link that is given in the Terminal & Open in Browser
    Example: http://localhost:3000/

Deployable Link

Marvelous Gifs

GIF

marvel_searchCharacter marvel_selectCharacter marvel_errorHandling

Contributors

Future Features

  • The ability for a user to select a different character directly in the GifDisplay page
  • The ability for a user to doubleClick and favorite gifs from their search
  • The ability for a user to navigate to a favorites page and see all of their favorited gifs
  • Add in Local Storage so that a users favorites persist