Related Anime

Description

Related Anime is a website used to discover all the different media related to an anime series. The creation of Related Anime was motivated by the fact that the popular anime reference site MyAnimeList (MAL) has information on all the related media of an anime series, but no easy way to see it visually.

Features

Gets all anime-related information purely by web scraping (this website does not rely on any anime APIs)
Lists currently airing seasonal animes
Autosuggestions in search bar based on MAL suggestions
Heavily utilizes caching using Redis and DynamoDB
Implements an Express API server that scrapes information from MAL
- Scraping updates are sent by the server using HTML5 server-sent events
- Uses Cheerio to parse MAL pages
Frontend is done using Next.js
Progressive Web App (PWA) functionality using next-pwa

Examples

Steins;Gate

https://relatedanime.com/anime/9253

Love Live

https://relatedanime.com/anime/15051

Development

This is a monorepo codebase. The server (backend) code is under the server directory and the frontend code is under the next-frontend directory.

Setup

yarn setup

Run the app locally

Local dev uses Docker to spin up the backend server, nextjs server, and local Redis instances. Please make sure you have Docker installed.

# This runs the nextjs server on :3000 and the express server on :3001 by default
yarn dev

Fondson/relatedanime