← ← Index Benjamin Fabri.

Crunchyscore.

CrunchyScore is a Chrome/Firefox extension that integrates MyAnimeList/AniList scores into Crunchyroll.

Year
2023
Role
Personal project · solo
Links
● Website
Stack
Node.js · Serverless · TypeScript · Drizzle · Puppeteer
crunchyscore Fig. 01 crunchyscore

More links

Link 01
Chrome store
Link 02
Firefox
Link 03
Extension code
Link 04
Website
Link 05
Website code
Extension on the Chrome Web Store
Fig. 02 — Extension on the Chrome Web Store
Extension configuration
Fig. 03 — Extension configuration

Key features

  • Score fetching through an API built with Fastify and Node.js, connected to the MyAnimeList/AniList API.
  • Web scraping with Puppeteer to match Crunchyroll IDs with MyAnimeList ones.
  • Automated cronjob for scraping and score updates, ensuring regular data refresh.
  • Extension configuration accessible via popup, letting users customize their settings.
  • Scores fetched from a Cloudflare Worker pulling from KV storage and returned to the client.

Details

A Google Chrome and Firefox extension for the Crunchyroll website that integrates anime rating scores from MyAnimeList and AniList.

Toolbelt

Node.js
Backend runtime
Serverless
Workers + KV
TypeScript
Strict mode
Drizzle
Postgres ORM
Puppeteer
Web scraping
Next project
BookToYou