Skip to content

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.

Notifications You must be signed in to change notification settings

SaurabhLinge/SuperHero-Hunter-app

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

  • Version Control System: Git
  • VCS Hosting: GitHub
  • Programming / Scripting: JavaScript
  • Front-End: HTML, CSS
  • Integrated Development Environment: VSCode

🔗 Links

Checkout the Website Web Application

Checkout the Application Demo Video YouTube


💻 Screens


🐦 Follow Me:

Twitter

LinkedIn

YouTube

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published