<p align="center">
  <div align="center">
    <a href="https://justanime.to">
      <img alt="JustAnime" src="https://github.com/JustAnimeCore/JustAnime/blob/main/public/footer.png" width="220"/>
    </a>
  </div>
    <h3 align="center">JustAnime - Clean anime streaming platform</h3>
    <p align="center">
  <a href="https://github.com/JustAnimeCore/JustAnime">
      <img src="https://img.shields.io/github/stars/JustAnimeCore/JustAnime" alt="Github Stars">
    </a>
      <img src="https://img.shields.io/github/issues/JustAnimeCore/JustAnime" alt="Github Issues">
     <a href="https://github.com/JustAnimeCore/JustAnime">
      <img src="https://img.shields.io/github/forks/JustAnimeCore/JustAnime" alt="Github Forks" />
    </a>
</p>
</p>
<p align="center">
    <a href="https://justanime.to">JustAnime</a> is an open-source anime streaming service that uses <a href="https://github.com/JustAnimeCore/HiAnime-Api">HiAnime-Api</a>, built using ReactJS with javascript and Tailwind CSS. It lets you easily find any anime with intuitive search & suggestion feature and stream without any ads.
 </p>

<p align="center">
  <a href="https://discord.gg/P3yqksmGun">
    <img src="https://img.shields.io/badge/Join%20our%20Discord-5865F2?logo=discord&logoColor=white" alt="Join our Discord">
  </a>
  <a href="https://t.me/JustAnimeZone">
    <img src="https://img.shields.io/badge/Join%20our%20Telegram-26A5E4?logo=telegram&logoColor=white" alt="Join our Telegram">
  </a>
  <a href="https://www.instagram.com/watchjustanime">
    <img src="https://img.shields.io/badge/Follow%20on%20Instagram-E4405F?logo=instagram&logoColor=white" alt="Follow on Instagram">
  </a>
</p>

<details>
<summary>View more Features</summary>

### General

- Sub Anime support
- Dub Anime support
- User-friendly interface
- Mobile responsive
- Fast page load
- Character & Voice Actors

### Watch Page

- Related Animes
- Recommended Animes
- Available seasons
- Estimated schedule of upcoming episodes
- **Player**
  - Autoplay
  - Autoskip intro/outro
  - Autonext

</details>

## Previews

<div style="text-align: left;">
  <img src="https://github.com/JustAnimeCore/JustAnime/blob/main/public/home.PNG" alt="Home Page" style="max-width: 80%;" >
  <details>
  <summary style="margin-top:10px">View more screenshots</summary>
  <br/>
  AnimeInfo Page
  <img src="https://github.com/JustAnimeCore/JustAnime/blob/main/public/info.PNG" style="margin-top:10px" src="" alt="AnimeInfo Page" style="max-width: 80%;">
  <br/>
  Character & Voice Actors
  <img src="https://github.com/JustAnimeCore/JustAnime/blob/main/public/char.PNG" style="margin-top:10px" src="" alt="Character & Voice Actors" style="max-width: 80%;">
  <br/>
  Watch Page
  <img src="https://github.com/JustAnimeCore/JustAnime/blob/main/public/watch.PNG" style="margin-top:10px" src="" alt="Watch Page" style="max-width: 80%;">
  <br/>
  </details>
</div>

## Installation and Local Development

### 1. Make sure you have node installed on your device

### 2. Run the following code to clone the repository and install all required dependencies

```bash
git clone https://github.com/JustAnimeCore/JustAnime.git
cd JustAnime
npm install # or yarn
```

### 3. Refer the <a href="https://github.com/JustAnimeCore/JustAnime/blob/main/.env.example">.env.example</a> to set your .env file up

## Start the server

```bash
npm start # or npm run dev (to run develepment server)
```
## Live Deployment

### Vercel

Host your own instance of <a href="https://justanime.fun">JustAnime</a>  on vercel

[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/JustAnimeCore/JustAnime)

### Render

Host your own instance of <a href="https://justanime.fun">JustAnime</a> on Render.

[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/JustAnimeCore/JustAnime)

## Pull Requests

- Pull requests are welcomed that address bug fixes, improvements, or new features.
- Fork the repository and create a new branch for your changes.
- Ensure your code follows our coding standards.
- Include tests if applicable.
- Describe your changes clearly in the pull request, explaining the problem and solution.

 ### Reporting Issues

If you discover any issues or have suggestions for improvement, please open an issue. Provide a clear and concise description of the problem, steps to reproduce it, and any relevant information about your environment.


<h2 align="center">
  <b>Enjoy streaming anime the way it should be! 🍿</b>
</h2>
