This web app is build using the react framework and utilizes an Breaking Bad API to fetch all the characters' images along with all the details and displays them with cool effects, user-friendly UI.
You can search characters by their name or nickname in the season by either typing or saying it to do so for you. However voice search feature is currently supported only for Google Chrome Browsers.
- You will see these visuals as you land on this app.
- You can scroll down to see more than 100 charcters' cards.
- Hover on any card and you would see their all the details dispayed by a flip of card.
- Search any character by it's name or nickname used in the show and we will filter out as you type
- Dont forget to try out voice search too. Hit the microphone and we can hear ya!
- Speak any of characters' name or nickname and see it getting typed as you speak.
- Satisfied by what we recognized you said? Hit Search and tada, here you have it! Else clear it and try again!
If you want to play around with the code and run on your local server:
- Clone the repo
- Type
cd breaking-bad-cast - Make sure you have npm installed which comes automatically with node.
- Type
npm installin your terminal. It will install all the dependancies - Type
npm start. It will run the app your local host
Do let me know about any issues by opening a issues or you can create a pull request as well if you want to improve things.
Have Fun! 😉