The one repo to rule them all! We created an interactive webpage that gives our user, any Lord of the Rings fan, a way to enjoy the world of Middle-Earth like no way before. Our page let's the user search for their favorite character from a list derived from "The One API", which is a third-party web API stored with data about every character in the LOTR trilogy. Upon search, the user is treated with fun facts about that character and a complimentary random gif that comes about from the "Giphy.API", another third-party web api. Our user should be able to save any characters they like to search often, into a favorites list that is stored in their local storage. Our page is the perfect place for any fan of LOTR to prepare for their annual movie marathon.
AS A Lord of the Rings Fan
I WANT TO see information and funny gifs about my favorite LOTR Character
SO THAT I CAN get hyped to binge watch all the movies
GIVEN I am searching for LOTR facts, quotes or funny gifs
WHEN I search any character's name and press the search button
THEN I am presented with facts about that character, a random quote from that character, and a random gif about that character
WHEN I want to save that characters name to search again
THEN I can click the favorite button, and their name is saved to a favorites list, that upon page reload stays because the info is stored in Local Storage
WHEN I want to search that character again
THEN I can pull down my favorites list and search that character once again with information and a random gif/quote
- Lord of the Rings serverside API
- Giphy serverside API
- Bulma CSS Framework
- jQuery
- jQuery UI
- HTML, CSS, & JavaScript