The webpage is designed with no frameworks and no libraries it is purely with vanilla javascript, HTML, CSS.
- The first step in the project is index.html, and it has supporting metadata, links for fonts, icons, CSS and scripts.
- The second step is to add styling to the written code.
- Parallelly add functionality using javascript.
- Ajax is used to fetch data from the SuperHero API.
- Add responsiveness to the webpage.
You can visit the webpage here.
- Search ~ with suggestions
- Relevant results are displayed based on search
- Favorites ~ Add or Remove
- List of favourites can be viewed by clicking the Favorite icon present included within the title.
- About gives the information related to the selected superhero.
- Back option takes you back to the previous page.
- Return and roll back to initial Home page by clicking on mask icon present to left of Main title.
Clone the project
git clone https://usernamezero.github.io/Super-Heroes/Go to the project directory
cd Super-Heroes/
Javascript, HTML, CSS.