Git Product home page Git Product logo

hub.quakeworld.nu's Introduction

QuakeWorld Hub Build and deploy

Live games, streams, news and more.

Stack

  • Website: HTML + TailWind CSS
  • JavaScript app: es6/react/redux, built using Vite

Data sources

The backend API is located at https://hubapi.quakeworld.nu/v2/ (source code)

Development

Setup

  1. git clone [email protected]:quakeworldnu/hub.quakeworld.nu.git
  2. cd hub.quakeworld.nu
  3. yarn install

Local development

Launch dev server at http://localhost:5173 with HMR-enabled.

yarn dev

Build

Build app to /dist

yarn build

Related projects

hub.quakeworld.nu's People

Contributors

dependabot[bot] avatar vikpe avatar

Stargazers

 avatar  avatar

Watchers

 avatar

hub.quakeworld.nu's Issues

Add server filters

ie the ability to hide TF servers or brazilian servers or servers with only bots (Dusty)

Add a server browser

Add a page that list all servers, currently only active servers are available.

  • Filter
  • Add to favorites
  • Buttons to join, spec, qtv spec
    (mushi)

Add a demo player

Inspiration: https://qw-ctf.github.io by @dsvensson

Required

  • Basic playback controls
  • Refactor component to React functions/hooks and a FTE controller
  • Cloud storage - AWS S3 with public access (in order to stream demos)
  • Enchanced playback controls
    • track: autotrack or [player]
    • Split screen (multiview)
  • Share demo
  • Share clips

Dependencies

Ideas/improvements

  • Responsive design
  • Chrome cast compatible
  • Theater mode: large screen (but not fullscreen), hide sidebar
  • Game statistics
  • Configs/presets: modern, oldschool (picmip) etc

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.