saikatxshrey / breaking-bad-project

React app which shows all the characters and their information from the web-series "Breaking Bad"

Breaking Bad Project

This project gives information about all the characters in one of my favourite Web-Series "The Breaking Bad" and displays information about each character in a flip-card.

Also it filters the characters as we search for particular ones

Live Link

Breaking Bad Live🚀

Demo

Project Video

x.mp4

Screenshot

API Reference

Api used is Breaking Bad Api

Get characters

  GET /api/characters

  https://www.breakingbadapi.com/api/characters?name=${query}

Parameter	Type	Description
search_query	string	Required. Your Search

Deployment

To deploy this project run

  npm run deploy

Lessons Learned

This project is made using functional component and Hooks is used heavily in this project. Particularly useState and useEffect and axios module(fetch from api) and also working with api becomes more handy by making this project

And the api request sent makes a little bit of time to respond so i made sure to use a loader...and making a animated loader screen manually is tough so i faced some difficulty there.