JS Only Searchbar

JavaScript app that calls the Harry Potter API and filters the results using a search bar.

Description

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.

Concepts Used

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

Live URL

Tech Stack

• Javascript
• SCSS
• HTML

Run Locally

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

Acknowledgements

• Harry Potter API