Skip to content

Alokkumarcse/find-super-hero

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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 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.
  • User can see details of superhero, Clicking upon superhero image. It directs us to that particular superhero card with all the information provided by the SuperHero() API.
  • Users can Mark their Favourite Super Heroes in the 'favourites' section. It is stored persistently in the browser's local storage.

🦸‍♀️ Project Demo

alt-text

❗ Note

  • We are in process of improving the user experience.
  • Feel free to contribute in the project to improve them.

🔥 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://akabab.github.io/superhero-api/api
  • For any issues related to the project, raise an ISSUE in the respective Repository.

🔨 Tools Used

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