jkdmarks / alexandria-frontend Goto Github PK

A website for uploading, managing, and organizing Magic: the Gathering decklists.

(Link to Backend)

There are many MTG decklists websites online, but no one of them has all of the features that I desired. Alexandria was created as a way to integrate all of these features.

Decklists can be uploaded as text (e.g. "4 Card Name 1 \n 3 Card Name 2 \n etc...") or from a URL. They can be favorited to save for later. Each decklist has some relevant stats displayed as graphs on that deck's page.

Users have to authenticaticate before they can view the content on the site and they can only view pages they are authorized to do so (i.e. can't edit another user's deck).

Due to card images from an external API sometimes not loading properly, this app will automatically send off requests to update those images that do not load.

• React - User interface library for JS

• React Router - Manages routes and multiple pages for React

• Redux - Global state management library used with React

  • Redux Thunk - Allows for asynchronous updates of Redux state

• Scryfall - Amazing API for Magic cards

• React Semantic & React Bootstrap - UI libraries

• PrimeReact - Wraps Chart.js graphs in React Components

• Moment.js - Time formatting

Named after the famous card and the (more) famous library. In Magic your deck is called a library.