Skip to content

Zeddxx/ani-fire

Repository files navigation

Important

I'm not currently pushing any new updates because I'm focused on improving the code's readability, and also removing some unnecessary code.

Note

I appreciate users logging into their accounts, but at present, I haven't implemented any functionality specifically for logged-in users. I plan to implement this in the upcoming days, but I'm currently occupied with other tasks. Thank you for your understanding.

This project is for educational purpose only and i am not making any revenew from this website.

banner image

anifire logo
Anifire: Anime streaming website

This project is in development as for now.

typescrpt badge next-auth supabase
tanstack

Introduction

Welcome to the Awesome Anime Website, your go-to destination for watching anime without any annoying ads. This project is created for educational purposes only.
🎉 Dive into the captivating world of anime without interruptions! Our website provides a seamless streaming experience, free from distracting advertisements. Enjoy your favorite anime series and movies with ease.

Some screenshot here or can say the demo is here! intro image

Features

  • General
    • Free ad-supported streaming service
    • User-friendly interface
    • Mobile responsive
    • Fast page load
    • Authentication
    • Profile picture uploader
    • update account
    • Toggle the theme mode (currently its only Light, Dark and System)
    • Toggle between sub and dub anime.
  • Watch Page
    • Player
      • Hold and drag to forward or backward the video.
      • Quality setting
      • Hold to fast forward video by 3.0x speed
    • Watching History
      • User can easily dive into the recents episodes they were watching

For local development

Caution

If you want to self-host this app, please note that it is only allowed for personal use. Commercial use is not permitted, and including ads on your self-hosted site may result in actions such as site takedown.

  • Clone the repository.

    git clone https://github.com/Zeddxx/ani-fire.git
  • Install the npm or yarn or pnpm.

    npm install or yarn add
  • Add the .env on root directory.

Tip

path: root to anifire outside the app directory

## This should be a aniwatch api of ritesh repo (without last slash /)
NEXT_PUBLIC_ANIME_URL=

## Goto uploadthing signin and create an project and you will get.
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

## database should any postgresSql (prefered: supabase)
DATABASE_URL=

## Generate authsecret online or by using the ssl.
AUTH_SECRET=

TODO'S

  • Add Dashboard
  • User authentication.
  • Add commenting feature
    • Add nested comments.
  • Implement admin dashboard functionality.
  • Share buttons.
  • Added Dub functionality.
  • Episode next and previous button.
    • Theater mode
    • Focus mode.
  • Store users wishlist anime into database.
  • SEO implementation.

Credits