/Ani-Moopa

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

Primary LanguageJavaScriptMIT LicenseMIT

logo

license fork stars

main

More Screenshots
Home page after you login
Profile Page
Info page for PC/Mobile

Watch Page

Introduction

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

Features

  • Free ad-supported streaming service
  • Anime tracking through Anilist API
  • User-friendly interface
  • Mobile-responsive design
  • PWA supported

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

  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"
PROXY_URI="I recommend you to use this cors-anywhere as a proxy https://github.com/Rob--W/cors-anywhere follow the instruction on how to use it there."
  1. Add this endpoint as Redirect Url on AniList Developer :
https://{your-website-url}/api/auth/callback/AniListProvider
  1. Start local server :
npm run dev

Credits

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Contact

Thank You for passing by!! If you have any questions or feedback, please reach out to us at contact@moopa.live, or you can join our discord sever.
or you can DM me on Discord Factiven#9110/CritenDust#3704. (just contact me on one of these account)

Discord Banner

Support This Project

Star this project

ko-fi
Trakteer Saya