This simple is a responsive JavaScript app that calls the Harry Potter API and filters the results. The characters are displayed on the screen as cards using CSS Grid. Results are filtered based on the first name, last name, house and patronus.

• Responsive Web Design
• CSS Grid
• DOM Manipulation, Adding CSS classes, Event Listeners, Conditional Rendering
• Serving APIs, Array functions (filter, forEach)

Live URL

• Javascript
• SCSS
• HTML

Clone the project

git clone https://github.com/Sa-YoorHeadley/JS-Only-Searchbar.git

Go to the project directory

cd JS-Only-Searchbar

Run using Live Server

Alt + L 
Alt + O

• Harry Potter API