MAL Chord is an interactive web-app that allows users to visualise their MyAnimeList library.

The application has been built as a single-page Preact project which communicates with a Node.js, Express middleware service.

This repository is responsible for managing all of the Preact (client-side) code.

To run the project locally, you will need to obtain your own client credentials through MyAnimeList (see Step 0 of this blog post for a guide on how to do this). During this process, you will be prompted to enter app information - the below values can be used:

You will also need to setup and be running the MAL Chord middleware project which handles requests to the MyAnimeList API service.

Once you have cloned the repository you will need to install the associated dependencies the project uses:

npm install

The following commands can be run in the project:

• npm start - Runs the application in development mode (on port 8080)
• npm run build - Builds the application for production to the build folder
• npm run serve - Serves the production build locally (on port 8080)

Environment configuration can be specified by adding a .env file to the root of your local repository. A list of the variables needed for local development has been included below.

This site was originally deployed via Amazon services at mal-chord.com, however has been retired as of 20/08/2022 due to my free-tier of the Amazon services expiring. See below for an overview of the services that I utilised to get this running:

• Amplify for Preact client
• Elastic Beanstalk for Node.JS server
• Route 53 to allow server to be accessed via api.mal-chord URL prefix