Alokkumarcse / find-super-hero

Search Superheroes using Marvel API

Home Page:https://hunt-your-superhero.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

๐Ÿš€ ๐’๐ฎ๐ฉ๐ž๐ซ๐‡๐ž๐ซ๐จ ๐‡๐ฎ๐ง๐ญ๐ž๐ซ ๐€๐ฉ๐ฉ ๐Ÿฆธโ€โ™‚๏ธ

โญ 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

About

Search Superheroes using Marvel API

https://hunt-your-superhero.netlify.app/


Languages

Language:JavaScript 60.0%Language:CSS 23.9%Language:HTML 16.2%