Skip to content

Using The SuperHero API alongside plain HTML/CSS/JS, I've created a site that searches and returns fictional characters

Notifications You must be signed in to change notification settings

rhollings/SuperHero-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SuperHero-Page

This is my website about superheros/villians using The SuperHero API 👈

The site is hosted here 👇 😁

Screen Shot 2021-07-21 at 5 30 56 PM

The process: After creating the base html setup, I then linked a search bar to the top of the page. The search bar then requests information (or names) from the api database as the user types. Once the user begins the search, charaters will begin to cascade onto the page. This is done by creating a div under the search bar. The user can now click on a character showing the stats of said character. This is down with HTML/CSS/JavaScript. Enjoy 😊

I am very interested into comics and animation, making this project very excited. My plan was to use the given API to show the characters available by typing in a search bar. Second, because the API comes with 'stats', what better display to use than a card (like trading cards). This way the user can see the character searched and stats alongside.

My original plan here shows how I previously wanted to do the layout of the page.

If you liked that one, check this one out!! 👈.
It is a databse with even more characters from even more worlds 🤩

About

Using The SuperHero API alongside plain HTML/CSS/JS, I've created a site that searches and returns fictional characters

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published