GithubHelp home page GithubHelp logo

m7mdxzxa / anime Goto Github PK

View Code? Open in Web Editor NEW

This project forked from baaka-io/anime

0.0 0.0 0.0 1.76 MB

Anime streaming website

Shell 1.10% JavaScript 0.44% TypeScript 94.97% CSS 2.54% HTML 0.95%

anime's Introduction

Anime Website

This is a website developed for personal use.

IF ERROR BABEL VERSION NOT MATCH

try to install babel core seperately

Initial ideas

Supported functionality

  • List all animes (by using the paging functionaltiy of jikan)
  • Search all animes (by genre, title, ...)
  • Get information about anime (still not sure how big or how little information)
    • I want to show all episodes, but I'm still not sure whether to show thumbnails. It would be really cool and aesthetically pleasing, but might be too hard to implement.
      • Using the way to show the thumbnail of the video from below, but without controls achieves this feature. Don't think it is worth it.
    • Important information: MAL always uses the third picture as anime cover.
  • Watch episodes

Frontend

I will be using reactjs (hooks) together with redux for the frontend. I am still not sure with UI library to use for styles. (Bulma, Material, ...)

Navigations

  • Discover
  • Season
  • Schedule (Maybe)
  • Account (Future)

Backend

The backend will be basically stateless besides a cache for Jikan (maybe a cache for episodes later on). It will act as a sort of middleman for kissanime (using opensourcescraper from openbyte) and myanimelist (using jikan). For perfomance and rate limiting reasons I will use the cache capabilities of jikan to not exceed the rate limit or even get blocked.

design inspiration

anime's People

Contributors

timuntersberger 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.