verybamboo / patternproject

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UI Element Project

Project 3: Final Fantasy API

Screen Shot 2022-03-22 at 11 37 49 AM

https://verybamboo.github.io/patternproject/

Overview


I made this webpage pulling information from an existing API for Final Fantasy characters.

Description


A simple webpage that allows you to scroll through all the characters from all Final Fantasy games. You can press the arrows to nagivate left or right depending on the arrow. You can also use the random button in the middle to pick a random character. The slides loop around back to the beginning or end, infinitely depending on which way you are going. The information is printed to the right, the image of the character is placed in the middle and the description of the character will be on the left.

Thoughts and Approach


I created 3 different divs and then passed in information of a Final Fantasy character. For spacing and visual reason, I chose to break it down into 3 so it is easier to read.

Future Goals


  1. I plan to add the other APIs into the webpage and allow the user to choose which one they want to look at. This will probably be buttons or a drop down menu.

Technologies Used


  1. CSS
  2. HTML
  3. JavaScript

About

License:Other


Languages

Language:JavaScript 63.5%Language:HTML 18.6%Language:CSS 17.9%