This is an unofficial open-source implementation of the Kyber API with the additional functionality such as live updates, configuration section, internationalization and support for dark/light themes. The project is based on React + Redux + TypeScript stack.
Currently the original site is missing some crucial features I'd like to see and use for a regular basis.
Why do you need to refresh a page to get some new information when the service is based on calling REST API? Let's delegate it to the application itself, but won't forget to leave a manual switch. Remember, we're not an Apple. The application asks Kyber API each 5 seconds to get the most fresh state of available servers to play. I wish WebSockets were here.
Just created your own server? What was the password? Is team balancing enabled? Don't you worry. Open Settings page and look again. There is a lot of useful information here.
The site supports internationalization and already translated in some languages:
- 🇬🇧 English
- 🇷🇺 Russian
- 🇮🇹 Italian
- 🇫🇷 French
Don't see your language? Please, create a new issue and help this project with translations.
Let's bring the balance back. Introducing dark and light theme support. Choose your side of the force theme on Settings page. Moreover, there's an option to use a system (your browser) theme.
For some (not obvious for me) reason original site doesn't support mobile view. So you have to Alt
+Enter
your active Kyber session to make it framed window, open the browser and share your server's data somewhere in chats. Let's fix this. Usually your phone is on the same local network with your gaming PC, so Kyber only can see your public IP. That's why there is no reason not to use your smartphone (tablet/other PC) for Kyber.
To be honest current project's state is far from perfect. A lot of work should be done, for instance, I need to:
- Implement default functionality such as proxy ping or server sharing. Now the list of available proxies just sorted in alphabetical order, so users have to decide by themselves which proxy is the best for them.
- Implement server search and filtering. Nothing special, but really useful.
- Rewrite
Configuration
component to match others. - Replace native alerts with application's modal windows.
- Split state management logic.
- Tune visuals.
So, don't hesitate to make your own contributions 🙂
- The modal window on Apple devices (tested on iPhone and iPad) doesn't prevent page scrolling even if
document.body.style.overflowY
set tohidden
. - For some reason default font have several broken ligature-like combinations of symbols like
fi
orfl
. You may have already noticed that problem on the original site. Current workaround is to use capital letters where possible or ligatures (fi
andfl
) for lowercase. - Some visual bugs may occur on untested devices and with new translations. For example, when Kyber API is down
Status
message may be shown with a long text, which breaks its markup. - Horizontal mobile view (small height, but wide enough) for
Modal
window is pretty messed up.
Visit Wiki page to learn more about Kyber API - endpoints, payload, models, errors, etc.
Main page with a servers list.
Download Kyber client.
Create your own Kyber server.
Some information about this project.
Settings page with theme switch and your Kyber configuration
Kyber API: @BattleDash
- 🇮🇹 Italian: Wall, @SaraGiamb
- 🇫🇷 French: KidRatMole
- 🇷🇺 Russian: EYEMVX