Skip to content
This repository has been archived by the owner on Jun 22, 2019. It is now read-only.


Repository files navigation

Random Anime Charts

Generate random anime charts

Based on code.

This repository was abandoned when the features below got implemented as the original website changed a lot so this repository is not needed anymore. Like, instead of using seeded randomization it allows saving images of the generated content; some bugs were fixed; images were implemented, and also I hate ads, at all, and that's why I use GitHub Pages, but the original author have to pay the domain and the server.

Icon credits: By User:Oni Lukos (Own work) [CC BY-SA 2.5 (], via Wikimedia Commons


  • Organize code in modules
  • Use seeded randomization so people can share their generated charts
  • Replace jQuery with Vue PWA:
    jQuery was only being used for the ready event, everything else used just plain DOM manipulation and HTML modification via concatenation and innerHTML. Because of that I think Vue was the best choice as it's template based system would be more intuitive than using React, more organized than using plain DOM and more future friendly than using jQuery.
  • Improve CSS
    • Make page work in small screens
    • Center elements
    • Move that big button to the left to save space
    • Added a material-like style on cards (which were originally boxes)
    • Replaced Open Sans font (which I think many computers don't have) with Medium font-stack
  • Localize website
    • Make language select interface
    • Move generation text data to separate files
    • Create interface translation files
    • Translate page to Portuguese
  • Improve design
    • Replace Vue PWA icons with custom ones
    • Show episode counts
    • Generate posters (inspiration)

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

# publish to gh-pages
npm run deploy

For detailed explanation on how things work, checkout the guide and docs for vue-loader.