This is a project on Superhero Hunter on Marvel API
A web application that allows users to search for their favorite superheroes and add them to their list of favorites. This project uses the Marvel API to fetch superhero data.
Super Hero Hunter is a web application developed using vanilla JavaScript. It leverages the Marvel API to fetch information about superheroes. Users can see home page with Superheroes and can search for superheroes, view detailed information about them, and add them to their list of favorite superheroes.
- Home page shows Superheroes cards.
- Search for superheroes by name.
- View detailed information about each superhero, including their name, photo, biography, comics, events, series, and stories.
- Add superheroes to your list of favorite superheroes.
- Remove superheroes from your list of favorite superheroes.
Watch a brief demo of the Super Hero Hunter application on YouTube.
To run the project locally, follow these steps:
-
Clone the GitHub repository:
git clone https://github.com/ParmodKumar28/Super_Hero_Hunter.git
-
Open the project directory:
cd Super_Hero_Hunter
-
Open the
index.html
file in your web browser to launch the application.
- Home page shows the Superheroes.
- Enter a superhero name in the search bar to search for superheroes.
- Click the "More Info" button on a superhero card to view detailed information about that superhero.
- Click the heart icon to add a superhero to your list of favorite superheroes.
- Visit the "Favourites" page to see your list of favorite superheroes.
- Click the "Remove" button to remove a superhero from your list of favorite superheroes.
The list of favorite superheroes is stored locally using localStorage
. This means your favorite superheroes will persist even after closing the browser.
Contributions are welcome! If you have any improvements or suggestions, please create a pull request.