Moopa Anime Streaming Website

Moopa is an anime streaming website build with nextjs and tailwindcss 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.

main

More Screenshots

Home page after you login

Profile Page

Info page for PC/Mobile

Watch Page

## Features - Free ad-supported streaming service - Anime tracking through Anilist API - 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 - [ ] 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 - [ ] Ability to edit list inside detail page - [ ] Working on Manga pages ## For Local Development 1. Clone this repository using : ```bash git clone https://github.com/DevanAbinaya/Ani-Moopa.git ``` 2. Install package using npm : ```bash npm install ``` 3. Create ```.env``` file in the root folder and put this inside the file : ```bash 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='type this 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" ``` 4. Start local server : ```bash npm run dev ``` ## Credits - [Consumet API](https://github.com/consumet/api.consumet.org) - [AniList API](https://github.com/AniList/ApiV2-GraphQL-Docs) - [miru](https://github.com/ThaUnknown/miru/blob/master/README.md?plain=1) for inspiring me making this site ## License This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details. ## Contact Thank You for passing by!! If you have any questions or feedback, please reach out to us at [factiven.org@gmail.com](mailto:factiven.org@gmail.com), or you can join our [discord sever](https://discord.gg/4xTGhr85BG). ## Support This Project [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/E1E6F9XZ3)