himanshu8443 / Ani-Moopa

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

Moopa Anime Streaming Website

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

2. Install package using npm :

npm install

3. 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."

4. Add this endpoint as Redirect Url on AniList Developer :

https://{your-website-url}/api/auth/callback/AniListProvider

5. Start local server :

npm run dev

Credits

• Consumet API
• AniList API
• miru for inspiring me making this site

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 [e-mail], 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)

Support This Project

✨ Star this project