Giter Club home page Giter Club logo

ani-fire's Introduction

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

ani-fire's People

Contributors

zeddxx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

ani-fire's Issues

[FIXED] Image issue in season tabs.

IMG_0803

Thinking: Will try to make the image absolute as I change <Image /> with the normal <img /> where the nextjs Image tag with fill attribute makes them absolute and they need a proper div with relative class.

Errors

Application error: a client-side exception has occurred (see the browser console for more information).
Screenshot (13)
Screenshot (14)

why is this happening ( i tried it on multiple platforms/Devices )

Guide for Envs

Could pls make a guide of env file for this project for someone like me who wants to learn making this from scratch

it would be a great help, Thanks

Guide

Under Construction for auth login ?

Screenshot (16)

Switching between sub and dub doesn't wok

Describe the bug
Switching between sub and dub doesn't work and you can't play episode.

To Reproduce
Steps to reproduce the behavior:

  1. Go to ''anine'
  2. Click on 'providers'
  3. See error

Expected behavior
Should play episode in dub ir sub.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.