blob: 955fc9bb63bb9cc951864bd20e7b590e3f450e8f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
<div align="center">
<a href="https://moopa.live">
<img src="https://user-images.githubusercontent.com/97084324/234460363-216b29d3-acba-4c29-a321-780de84c9ab0.png" alt="logo" width="200"/>
</a>
</div>
<h1 align="center">Moopa Anime Streaming Website</h1>
<p align="center">
<a href="https://github.com/DevanAbinaya/moopa-v3/fork">
<img src="https://img.shields.io/github/forks/DevanAbinaya/moopa-v3?style=flat-square" alt="fork"/>
</a>
<a href="https://github.com/DevanAbinaya/moopa-v3/blob/main/LICENSE.md">
<img src="https://img.shields.io/github/license/DevanAbinaya/moopa-v3?style=flat-square" alt="license"/>
</a>
<a href="https://moopa.live">
<img src="https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Fmoopa.live" alt="website"/>
</a>
<a href="https://github.com/DevanAbinaya/moopa-v3">
<img src="https://img.shields.io/github/stars/DevanAbinaya/moopa-v3?style=flat-square" alt="stars"/>
</a>
<a href="https://discord.gg/4xTGhr85BG">
<img src="https://img.shields.io/discord/822413263148285973?style=flat-square" alt="discord"/>
</a>
</p>
<p align="center"><a href="https://moopa.live">Moopa</a> 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.</p>
<details>
<summary>More Screenshots</summary>
<h5 align="center">Home page after you login</h5>
<img src="https://user-images.githubusercontent.com/97084324/234463979-4b4fa1ba-34cb-4ae4-b4e1-59500b24ac6f.png"/>
<h5 align="center">Profile Page</h5>
<img src="https://user-images.githubusercontent.com/97084324/234464677-bea15269-891e-4b33-b6e4-85a3e2ea31f7.png"/>
<h5 align="center">Info page for PC/Mobile</h5>
<p align="center">
<img src="https://user-images.githubusercontent.com/97084324/234465043-abcec35c-7f20-47b3-bb67-ca34dd136687.png" width="712"/>
<img src="https://user-images.githubusercontent.com/97084324/234465307-c81f29a5-b209-4234-abc3-5d18243bebf4.png" width="200"/>
</p>
<h5 align="center">Watch Page</h5>
<img src="https://user-images.githubusercontent.com/97084324/234466915-c2107ee5-5cfe-4cf5-9da4-9ad02aaf066a.png"/>
</details>
## 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/moopa-v3.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 [[email protected]](mailto:[email protected]), or you can join our [discord sever](https://discord.gg/4xTGhr85BG).
## Support This Project
[](https://ko-fi.com/E1E6F9XZ3)
|