BinderSort

About BinderSort

BinderSort was built to be able to help organise multiple binders for different sets of Magic: The Gathering cards. It’s main use is to be able to take a card number from a specific set and be able to visually see where it fits in a set of potentially different sized and organised binders, allowing quick placement of cards into binders.

It’s a completely frontend only website, with no backend. All data is stored in the users browser.

Technical Implementation

• Frontend: Built with React and Vite using TanStack Router
• Styling: Tailwind CSS with Shadcn UI
• Deployment: CloudFlare Workers with Wrangler
• Data Sources:
  • Scryfall API for card images