Skip to content
This repository has been archived by the owner on Jul 14, 2024. It is now read-only.
/ Moopa Public archive

Free Anime streaming website with AniList tracker integration. no ads involved

License

Notifications You must be signed in to change notification settings

Ani-Moopa/Moopa

Repository files navigation

Warning

As of Jul 14 2024, this repository is no longer maintained and will not receive any further updates or support from the author. If you choose to use the code in this repository, please do so at your own risk.

Important Points:

  • No Updates: There will be no further updates or improvements made to this repository.
  • No Support: The author will not provide any support, fixes, or acknowledge any issues found in the code.
  • Use at Your Own Risk: Any errors, bugs, or other issues that arise from using this code are your responsibility.

Thank you for your understanding.


license fork stars

main

More Screenshots

Home page after you login

Profile Page

Info page for PC/Mobile

Watch Page

Normal Mode


Theater Mode

Manga Reader

Warning: If you are not familiar with JavaScript or any other programming language related to this project, please learn it first before attempting to work on this project. I won't help anyone who doesn't know how to do basic stuff.

Introduction

Moopa is an anime streaming website made possible by the Consumet API, built with Next.js and Tailwind, featuring a sleek and modern design. It offers Anilist integration to help you keep track of your favorite anime series. Moopa is entirely free and does not display any ads, making it a great option for those who want an uninterrupted viewing experience.

Features

  • General
    • Free ad-supported streaming service
    • Dub Anime support
    • User-friendly interface
    • Auto sync with AniList
    • Add Anime/Manga to your AniList
    • Scene Searching powered by trace.moe
    • PWA supported
    • Mobile responsive
    • Fast page load
  • Watch Page
    • Player
      • Autoplay next episode
      • Skip op/ed button
      • Theater mode
    • Comment section
  • Profile page to see your watch list

To Do List

  • Add PWA support
  • Connect to consumet API to fetch episodes data
  • Implement skip op/ed button on supported anime
  • Create README file
  • Integrate Anilist API for anime tracking
    • Ability to auto track anime after watching >= 90% through the video
    • Create a user profile page to see lists of anime watched
    • Ability to edit list inside detail page
  • Working on Manga pages

Bug Report

If you encounter any issues or bug on the site please head to issues and create a bug report there.

For Local Development

If you want to self-host this app, please note that it is only allowed for personal use. Commercial use is not permitted, and including ads on your self-hosted site may result in actions such as site takedown.

  1. Clone this repository using :
git clone https://github.com/DevanAbinaya/Ani-Moopa.git
  1. Install package using npm :
npm install
  1. Create .env file in the root folder and put this inside the file :
CLIENT_ID="get the id from here https://anilist.co/settings/developer"
CLIENT_SECRET="get the secret from here https://anilist.co/settings/developer"
GRAPHQL_ENDPOINT="https://graphql.anilist.co"

NEXTAUTH_SECRET='run this cmd in your bash terminal (openssl rand -base64 32) with no bracket, and paste it here'
NEXTAUTH_URL="for development use http://localhost:3000/ and for production use your domain url"
DISQUS_SHORTNAME='put your disqus shortname here (optional)'

## Use any postgresql db, or supabase for free options
DATABASE_URL="postgresql://user:password@host:6543/postgres?pgbouncer=true"
DIRECT_URL="postgresql://user:password@host:5432/postgres"

# If you don't want to use redis, just comment the REDIS_URL (press ctrl + / on windows or cmd + / on mac)
REDIS_URL="redis://user:password@host:port"
  1. Add this endpoint as Redirect Url on AniList Developer :
https://your-website-domain/api/auth/callback/AniListProvider
  1. Generate Prisma :
npx prisma migrate dev
npx prisma generate

### NOTE
# If you get a vercel build error related to prisma that says prisma detected but no initialized just change the following line in package.json line number 8
"build": "next build" to > "build": "npx prisma migrate deploy && npx prisma generate && next build"
  1. Start local server :
npm run dev

Credits

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE.md file for details.

This means that if you choose to use or host this site for your own purposes, you are also required to release the source code of any modifications or improvements you make to this project. This open-source ethos is central to the project's philosophy.

Contact

Thank You for passing by!!

If you have any questions or feedback, please reach out to us at [email protected], or you can join our discord sever.
or you can DM me on Discord Factiven#9110.

Discord Banner

Support This Project

Star this project

ko-fi
Trakteer Saya