Skip to content

hi-masd/Super_Hero_Hunter_1

Repository files navigation

𝐒𝐮𝐩𝐞𝐫𝐇𝐞𝐫𝐨 𝐇𝐮𝐧𝐭𝐞𝐫 𝐀𝐩𝐩 🚀


⭐ Introduction

This project is Super Hero Hunter App in which we use superheroAPI() to fetch the records and details of all the superheroes along with some additional features. It is built using HTML, CSS, Vanilla Javascript.

  • Users are Shown some ongoing Super Hero Videos playing in the background of the website.
  • Users can Enter their Problems in the form to which the most suitable Super Hero is assigned to Assist.
  • Users can Check out the famous Super Hero Quotes.
  • Users can Mark their Favourite Super Heroes in the 'favourites' section. It is stored persistently in the browser's local storage.
  • Users are able to Search for the Super Heroes by entering the name or searchable-term in the Search Input. It shows a list of results as autocomplete suggestions, which upon clicking directs us to that particular superhero card with all the information provided by the SuperHero() API.

❗ Note

  • Please wait for 15 seconds for the API to load properly as it is in the Free Tier. Then you can start searching.
    If the search bar still doesn't work then just refresh the page 2 times & it'll work :)

🔥 Getting Started With The Project

  • Fork the Project in your Repository.
  • Clone the Forked Repository in your Local System.
  • Run on Live Server.
  • Enjoy :)

For reference - https://www.superheroapi.com
For any issues related to the project, raise an ISSUE in the respective Repository.

🔨 Tools Used

💻 Screens


I hope you like the project. Thanks for reading :)