Giter Club home page Giter Club logo

anix's Introduction

AniX - Stream Animes

Banner

AniX is an anime streaming platform which allows you to watch animes by scraping links from the internet. AniX is built with ReactJS + RTK (redux toolkit) on the frontend and the scraping part is handled by python using scrapy framework.

The scraped links are stored in firestore. The data about animes such as title, episodes, duration etc., is gathered using the Anilist GraphQL API.

NOTE: the UI of AniX is heavily inspired from anilist

Core Packages

Package For
Redux Toolkit State Management
React Redux Redux bindings for ReactJS
Styled Components Styling
React Router Routing
Firebase Firebase SDK
Scrapy (python) Scraping

Features

  1. Search animes
  2. Get recent animes
  3. Get top rated animes
  4. Watch animes
  5. Download them (right click the video and select 'Save As')
  6. Dark / Light Theme
  7. Watch trailer and access other interesting info (using Anilist API)

Running Locally

  1. To run AniX locally in your machine:

    • You need to setup a firebase project and also get your scraper hosted on heroku or scrapinghub.
  2. At the root of this project, create a .env file and make sure to provide the values for the following .env variables.

# python scraper hosted url
REACT_APP_SCRAPER=[x]

# firebase
REACT_APP_APIKEY=[x]
REACT_APP_AUTHDOMAIN=[x]
REACT_APP_DATABASEURL=[x]
REACT_APP_PROJECTID=[x]
REACT_APP_STORAGEBUCKET=[x]
REACT_APP_MESSAGINGSENDERID=[x]
REACT_APP_APPID=[x]
  1. Then run npm i && npm start to see AniX in action.

Watch the Demo

Video

UI

Home

Home

Home Light

Popular Animes

Popular Animes

Anime

Anime Banner

Anime Overview

Anime Overview

Player

Player

Player Light

Search Results

Search Results

Mobile

Mobile

anix's People

Contributors

manikandanraji avatar

Watchers

 avatar

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.