More Screenshots

Home page after you login

Profile Page

Info page for PC/Mobile

Watch Page

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.

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

• 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

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

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"

4. Start local server :

npm run dev

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

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

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/CritenDust#3704. (just contact me on one of these account)

✨ Star this project