Skip to content

Adarsh-Agrahari/breakingbad

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Breaking Bad App

Works on consuming Breaking Bad API created by: @timbiles

API URL: Breaking Bad API

Features

  • Caching API responses to speed up the app
  • Ability to search for a character by name
  • Ability to search for Breaking Bad or Better Call Saul Series Characters Catagorically
  • Ability to see the quotes of all the characters seperately.
  • Good User Accessbile UI follows Material Design Guidelines
  • Optimized Code Design for performance. Priority has been given to keep bundle size minimum by reusuing existing components where ever possible
  • Uses Redis Cache to store API responses which gives a snappy experience.

Design Goals

1. First Page

  • Listing of all the breaking bad characters on home page - List of all characters.

  • Each item in the list has

    • Name
    • Occupation
    • DOB
    • Status of character
  • Each item in this list is a clickable link that directs to the second page. (See point 2) - List have pagination, a page has a maximum of 10 characters.

  • One is able to apply filter on the list based on to Category of character. (Breaking Bad or/and Better Call Saul)

  • One is able to search the name of any character in the list.

2. Second Page

A second page which shows more details about the character that user clicked on home page. Details that includes:

  • Name and Image of the character
  • Date of Birth
  • Occupation.
  • Status (Dead or Alive)
  • Nickname (if any)
  • Actor who portrays the character.
  • Season in which the character has appeared.
  • All quotes by the character

Points to be noted

  1. If website URL is like www.example.com then by going to www.example.com/`character_id` takes directly to that characters page.

  2. Website is responsive

About

An encyclopedia for the Breaking Bad lovers

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.7%
  • HTML 6.2%
  • Other 0.1%