/relatedanime

Related Anime is a website used to discover all the different media related to anime series.

Primary LanguageTypeScript

Related Anime

Visit relatedanime.com!

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