https://github.com/jellyfin/jellyfin-web

Web Client for Jellyfin
https://github.com/jellyfin/jellyfin-web

hacktoberfest jellyfin media videos

Last synced: about 2 months ago
JSON representation

Web Client for Jellyfin

• Host: GitHub
• URL: https://github.com/jellyfin/jellyfin-web
• Owner: jellyfin
• License: gpl-2.0
• Created: 2019-01-05T14:26:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-22T16:41:55.000Z (4 months ago)
• Last Synced: 2024-05-22T19:38:59.873Z (4 months ago)
• Topics: hacktoberfest, jellyfin, media, videos
• Language: JavaScript
• Homepage: https://jellyfin.org
• Size: 136 MB
• Stars: 2,068
• Watchers: 40
• Forks: 1,104
• Open Issues: 344
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS
  • Support: .github/SUPPORT.md

Awesome Lists containing this project

README

        
Jellyfin Web

Part of the Jellyfin Project



---


























































Jellyfin Web is the frontend used for most of the clients available for end users, such as desktop browsers, Android, and iOS. We welcome all contributions and pull requests! If you have a larger feature in mind please open an issue so we can discuss the implementation before you start. Translations can be improved very easily from our Weblate instance. Look through the following graphic to see if your native language could use some work!







## Build Process

### Dependencies

- [Node.js](https://nodejs.org/en/download)

- npm (included in Node.js)

### Getting Started

1. Clone or download this repository.

   ```sh

   git clone https://github.com/jellyfin/jellyfin-web.git

   cd jellyfin-web

   ```

2. Install build dependencies in the project directory.

   ```sh

   npm install

   ```

3. Run the web client with webpack for local development.

   ```sh

   npm start

   ```

4. Build the client with sourcemaps available.

   ```sh

   npm run build:development

   ```

## Directory Structure

```

.

└── src

    ├── apps

    │   ├── dashboard     # Admin dashboard app layout and routes

    │   ├── experimental  # New experimental app layout and routes

    │   └── stable        # Classic (stable) app layout and routes

    ├── assets            # Static assets

    ├── components        # Higher order visual components and React components

    ├── controllers       # Legacy page views and controllers 🧹

    ├── elements          # Basic webcomponents and React wrappers 🧹

    ├── hooks             # Custom React hooks

    ├── legacy            # Polyfills for legacy browsers

    ├── libraries         # Third party libraries 🧹

    ├── plugins           # Client plugins

    ├── scripts           # Random assortment of visual components and utilities 🐉

    ├── strings           # Translation files

    ├── styles            # Common app Sass stylesheets

    ├── themes            # CSS themes

    ├── types             # Common TypeScript interfaces/types

    └── utils             # Utility functions

```

- 🧹 — Needs cleanup

- 🐉 — Serious mess (Here be dragons)