BioBattle

Description:

BioBattle is a front-end battle web to review the rankings of popular programming languages and make detailed comparison between GitHub accounts

consumed Github API with React, showing account ranking based on programming languages
routing with React Router v4, redirecting to ranking page and battle page, battle result page, and 404 page
deployed on Netlify
applied high-order components to re-structure prop renderings
applied React context to control light and dark theme
applied code spliting design pattern, loading JavaScript file as needed
cached loaded data for faster read request