Topsters Classic is a React-based web-app that lets users create personalized music album charts. It's nostalgia-based hobby project.
- Create your own charts using a highly customizable editor
- Three chart designs, incl. one with user-customizable size
- Either export your charts or save them for later thanks to easy-to-use storage system
- Now also easily available on mobile devices thanks to responsive UI design
- New chart editing system that lets the user add new positions quickly by clicking instead of draggin, with image position auto-advancing
- The original Top 100 and Top 40 designs available again
- Modify background, body and header colors easily using color pickers...
- ...or trust the app to auto-pick a suitable font color according to your background color
- Set background image positioning according to your needs using custom-made positioning system
- Adjust preferred image quality
All of the data that the app uses is fetched from Last.fm database using Last.fm api.
It also uses the following open source packages:
- Tailwind CSS
- SASS
- html2canvas
- react-colorful
- react-draggable
- invert-color