Super-Hero-JS-App

Introduction

• This application is created to search for your superhero character. Users can search full name or a partial word of their favourite superhero. Once they click on the search button it will give you the list of Superheros from the 3rd party API. From the list, you can click on any Superhero and it populate selected superhero and its details.

Project features

1. This is a Single page WebApp.
2. This app fetches data from the 3rd party API.
3. On the search button you can type the name of your favourite superhero to get a full list.
4. User can select a superhero from the list and check its image other details.

Programming Language and Technologies used

• Vanilla JavaScript
• HTML
• CSS
• Bootstrap
• 3rd Party API (https://www.superheroapi.com/api.php/1310202806140671/search/spider)

Screenshots

Default loading Page

Searched word "man" and got list of Superheros from the API

Statistics and Appearance of the Selected SuperHero