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 - Skip OP/ED buttons - Dub Anime support - User-friendly interface - Mobile-responsive design - PWA supported ## To Do List - [x] Add PWA support - [x] Connect to consumet API to fetch episodes data - [x] Implement skip op/ed button on supported anime - [x] Create README file - [x] Integrate Anilist API for anime tracking - [x] Ability to auto track anime after watching >= 90% through the video - [x] Create a user profile page to see lists of anime watched - [x] Ability to edit list inside detail page - [x] Working on Manga pages ## Bug Report If you encounter any issues or bug on the site please head to [issues](https://github.com/DevanAbinaya/Ani-Moopa/issues) and create a bug report there. ## For Local Development > If you host this site for personal use, please refrain from cloning it or adding ads. This project is non-profit and ads may violate its terms, leading to legal action or site takedown. Uphold these guidelines to maintain its integrity and mission. 1. Clone this repository using : ```bash git clone https://github.com/DevanAbinaya/Ani-Moopa.git ``` 2. Install package using npm : ```bash npm install ``` 3. Generate Prisma : ```bash npx prisma migrate dev npx prisma generate ``` 4. Create `.env` file in the root folder and put this inside the file : ```bash ## AniList 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 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" ## NextJS PROXY_URI="use this cors proxy https://github.com/Gratenes/m3u8CloudflareWorkerProxy, follow the instruction there on how to deploy it." API_URI="host your own API from this repo https://github.com/consumet/api.consumet.org. Don't put / at the end of the url." API_KEY="this API key is used for schedules and manga page. get the key from https://anify.tv/discord" DISQUS_SHORTNAME='put your disqus shortname here. (optional)' ## Prisma DATABASE_URL="Your postgresql connection url" ## Redis # If you don't want to use redis, just comment the REDIS_URL REDIS_URL="rediss://username:password@host:port" ``` 5. Add this endpoint as Redirect Url on AniList Developer : ```bash https://your-website-url/api/auth/callback/AniListProvider ``` 6. Start local server : ```bash npm run dev ``` ## Credits - [Consumet API](https://github.com/consumet/api.consumet.org) for anime sources - [AniList API](https://github.com/AniList/ApiV2-GraphQL-Docs) for anime details source - [Anify API](https://anify.tv/discord) for manga sources - [miru](https://github.com/ThaUnknown/miru/) for inspiring me making this site ## License This project is licensed under the GNU General Public License v3.0 - see the [LICENSE.md](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 [contact@moopa.live](mailto:contact@moopa.live?subject=[Moopa]%20-%20Your%20Subject), or you can join our [discord sever](https://discord.gg/4xTGhr85BG).