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