Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Random Anime Charts

Generate random anime charts

Based on http://animedreammachine.com/ 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 (https://creativecommons.org/licenses/by-sa/2.5)], via Wikimedia Commons

Roadmap

  • 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.

About

Generate random anime charts

Resources

Releases

No releases published

Packages

No packages published