SuperHero Hunter : FrontEnd Project
Features Added
This is a SuperHero Hunter project meant to search your favourite heros :D
- Searching starts as soon as you type in the search bar.
- Added like/dislike button for heros and stored in local storage, so you need not worry about refreshing the page.
- Liking your hero means you want to see it later right? Here comes the top right favourites button to access your loved heros.
- If your're interested to know more about the hero, click on any hero and you'll be redirected to your hero's villa.
- If some information is missing or hidden from us from database, handled that carefully with alternate ways.
- Make it more and more responsive.
Important links
- Hosting Link: https://arora-sir.github.io/SuperHero-Frontend-Project/
- Explanation Link: https://user-images.githubusercontent.com/29508236/172482218-1edf79b9-feb9-4a34-9436-75aec35b7102.mp4
Tech stack used
- HTML: It is the basic structure of the app.
- CSS: To make project beautiful.
- Bootstrap: A CSS framework, to nourish creativity.
- JS: It takes care of all the basic functionalities like search, click on hero etc.
Important Screenshots
- Homepage:
- Homepage (while typing):
- Homepage (when unable to find hero):
- Homepage (while pressing backspace, we empty the searchbox):
- Homepage (Hero cards):
- Favourites Page:
- About Hero Page:
