SIGame web client
License: MIT License
SIOnline is the web version of game SIGame.
For compilation and running you need Node.js version 12.16.3 or higher.
Used technologies: Typescript, Webpack (with loaders and plugins), React, Redux, Redux Thunk, SignalR, TSLint, Jest.
Run:
npm install
npm run start
Build:
npm install
npm run build-prod
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Кнопка "Суммы". Желательно избежать диалога для редактирования сумм, предоставив возможность редактирования прямо в поле суммы.
Ссылка должна содержать:
Например: https://vladimirkhil.com/si/online/join?gameId=1001&role=player&password=cGFzc3dvcmQ%3D
При переходе по ссылке человек должен автоматически проваливаться в игру.
Сейчас Реклама показывается только при входе. Это генерирует недостаточное число показов для окупаемости сервера.
Предполагается отвести для рекламы небольшую зону справа внизу, над кнопками.
Обсуждаемо.
Поддержать интерфейс работы с Библиотекой, фильтры и поиск.
CSS are large in production builds.
Высота не должна быть плавающей. Должен помещаться только один ряд игроков: сам играющий (если человек играет) и текущие лидеры.
Дополнительно должна быть кнопка, позволяющая увидеть полный список игроков с их суммами. В этом же новом окне будет предоставлена возможность управлять игровыми столами.
В репликах игроков должно указываться, кто произнёс каждую реплику.
В нынешнем виде при игре на телефоне с большим количеством живых участников список этих участников отъедает очень много места и мешает игровому процессу.
Сделать более качественную анимацию. Подобрать цвета и шрифты.
Отображать заголовок вопроса в интерфейсе. Самостоятельно формировать заголовок при выборе вопроса в классической версии игры и при переходе к вопросу в упрощённой версии.
Найти место для отображения. На телефонах отображать необязательно.
Позволит хостить многопользовательские игры.
Возможность сообщить о готовности к игре.
Возможность продолжить игру.
Обеспечить возможность смены хоста и указания текущего хоста в интерфейсе.
Сделать отображение более плавным.
Due to tslint deprecation project should use eslint for linting.
More info
По факту, Cookies не используются, но используется localStorage.
Сейчас добавление нового действия в Redux требует много рутинного добавления в Actions, actionCreators, reducers. Хочется использовать какой-то вспомогательный фреймворк, который бы упростил задачу.
"Виснет в тот момент, когда заходишь, проходит первый вопрос и когда он заканчивается и должно перекинуть на экран с темами. И в этот момент виснет, на телефоне остается конец 1 вопроса. И почему-то у кого-то идеально всё работает. Ни разу не вылетало, а у кого-то как начнется, так все".
Убрать также странное сообщение "undefined" при попытке переподключиться.
Поддержать возможность входа по логину и паролю. Поддержка входа через ВКонтакте. Личный кабинет и возможность настройки пола и аватара в нём.
Требуется предварительно:
После входа пользователь должен не сразу попадать в лобби, а видеть меню:
"Что вы хотите?"
Поддержать подсветку вопроса с учётом заданной скорости чтения ("караоке").
Поддержка отдельного диалога с настройками, где можно будет включать/отключать звук, задавать цвета, шрифты и расположение элементов на экране.
Включать звук только при клике на табло. Выводить на табло предупреждение об этом.
При повторном клике на табло отключать звук.
Сейчас не работает загрузка списка игр (см. параметр useMessagePackProtocol в config.js).
За образец взять десктопную версию.
Поисковая строка, фильтрующая игры по названию. Должна располагаться над списком игр.
Сейчас сообщения приходят от сервера в формате XML. Их приходится парсить. Это ужасно неудобно.
По факту нужно сообщение в формате "автор реплики/реплика".
Требуется доработка сервера.
Для широких экранов:
Для более нативной работы на мобильных устройствах.
Возможность оспорить чужой ответ.
Поддержать отдельный экран.
Правильный ответ ведущему и подсказка действий игрокам.
Сейчас валидация ответов состоит из двух сообщений. Требуется новое сообщение VALIDATE, содержащее всю необходимую информацию (кто дал ответ, ответ, правильные и неправильные версии).
Требуется доработка сервера.
Поддержать сообщение ADS.
Сейчас изображения и шрифты нужно подкладывать к собранной версии вручную. Хотелось бы, чтобы webpack обеспечивал автоматическую сборку.
Также в production-сборке не работает минимизация css.
Поддержать те же звуки, что и в десктопной версии.
Добавить возможность включать звуки при входе в игру.
Поддержать новое API сервера, позволяющее подгружать список игр частями. Это ускорит процесс входа в лобби.
Иделально поддержать выбор раунда из списка раундов. Очевидно, потребуется доработка сервера.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.