All Projects → TRPGEngine → Client

TRPGEngine / Client

Licence: GPL-3.0 license
TRPG即时IM通讯软件客户端,基于React 与 React Native + Redux技术

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
java
68154 projects - #9 most used programming language
CSS
56736 projects
SCSS
7915 projects

Projects that are alternatives of or similar to Client

Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+570.34%)
Mutual labels:  react-router, socket-io, im
rgxp
Regular Expression Collection (ReactJS, Redux, React Router, Recompose, NodeJS, Express)
Stars: ✭ 62 (-47.46%)
Mutual labels:  react-router, react-redux
socialApp-MERN
Social Networking web app similar to Instagram.
Stars: ✭ 35 (-70.34%)
Mutual labels:  react-router, socket-io
react-demo
一个实际项目(OA系统)中的部分功能。这个demo中引入了数据库,数据库使用了mongodb。安装mongodb才能运行完整的功能
Stars: ✭ 92 (-22.03%)
Mutual labels:  react-router, react-redux
PERN-Advanced-Starter
Advanced PERN stack starter kit (PostgresSQL, Express, React, & Node), complete with ESLint, Webpack 4, Redux, React-Router, and Material-UI kit.
Stars: ✭ 51 (-56.78%)
Mutual labels:  react-router, react-redux
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (-73.73%)
Mutual labels:  react-router, react-redux
Questions
Web app inspired by Quora, allowing users ask question and get answers
Stars: ✭ 15 (-87.29%)
Mutual labels:  react-router, react-redux
Alldemo
🍑 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)
Stars: ✭ 189 (+60.17%)
Mutual labels:  react-router, react-redux
kugou
multiple implementations for kugou music
Stars: ✭ 25 (-78.81%)
Mutual labels:  react-router, react-redux
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (-38.14%)
Mutual labels:  react-router, react-redux
react-laravel
A simple crud based laravel app to learn how to use react with laravel.
Stars: ✭ 43 (-63.56%)
Mutual labels:  react-router, react-redux
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+87.29%)
Mutual labels:  react-router, react-redux
React Sight
Visualization tool for React, with support for Fiber, Router (v4), and Redux
Stars: ✭ 2,716 (+2201.69%)
Mutual labels:  react-router, react-redux
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (-63.56%)
Mutual labels:  react-router, react-redux
Imooc React
慕课网 React 视频课程源代码
Stars: ✭ 203 (+72.03%)
Mutual labels:  react-router, react-redux
cnode-react
a web app for cnode.org with react + react-router + react-redux
Stars: ✭ 23 (-80.51%)
Mutual labels:  react-router, react-redux
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (-87.29%)
Mutual labels:  react-router, react-redux
Ecommerce Reactjs
Full stack ecommerce online store application
Stars: ✭ 164 (+38.98%)
Mutual labels:  react-router, react-redux
Todo Redux Saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
Stars: ✭ 184 (+55.93%)
Mutual labels:  react-router, react-redux
OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (-60.17%)
Mutual labels:  react-router, react-redux

TRPG Engine - 一个专为TRPG打造的即时即时通讯应用

node test Codacy Badge codecov RelativeCI Release Android Web

Client

简单的来说就是类似于钉钉, Slack, Discord 那种以即时通讯为核心,以其他的业务需求为辅助而制作的功能性聊天软件。

本项目包含以下内容:

  • TRPG Engine 前端网页
  • TRPG Engine 手机移动端(改版后暂时弃用)
  • TRPG Engine 通用Portal端

官方文档: https://trpgdoc.moonrailgun.com/

线上地址: https://trpg.moonrailgun.com

移动端下载: https://trpg.moonrailgun.com/portal/deploy(仅旧版暂不维护)

Highlight

  • 基于XML描述的人物卡系统(可以理解为动态表单) - Playground
  • Web端与RN端共享redux状态的实践与工具链
  • 多端并存与代码共享(Web端, RN端, Portal端 (Portal端是RN端通过webview进行一部分中间操作的方式,类似于各种手机App的H5端) )
  • 其他的一些自研实用工具,如RN端WEB端通用Portal组件, 快速生成通用表单, 基于BBCode的消息解释器, 通用缓存管理机制

打包&运行

推荐NodeJS版本: v14.15.1

$ yarn install

$ yarn run plugins:all # 编译TRPG相关插件
$ yarn run translation:build # 编译翻译文件
$ yarn run dev # 运行本地开发服务器

其他命令

  • yarn run translation:scan 自动收集并生成主项目与插件项目的翻译
  • yarn run snowpack 更加快的开发环境调试方式
  • yarn run plugins:watch:all 开发环境监听插件变更

如果出现 cypress 因为网络问题无法下载的情况,可以自己构造下载地址来正常安装, 如CYPRESS_INSTALL_BINARY=https://npm.taobao.org/mirrors/cypress/6.2.1/linux-x64/cypress.zip

开发服务器访问http://127.0.0.1:8089/即可访问客户端 客户端需要配合服务端才能正常运行, 具体可以查看服务端项目TRPGEngine/Server

关于开发进度

  • 目前Web端同时存在新版与旧版两个版本,默认使用旧版
  • 目前推荐体验新版UI, 可以通过左下角的菜单进行切换
  • 目前移动端对应网页版的旧版UI, 新版UI对应的移动端正在计划中
  • 手机端新版移动端可以通过Chrome PWA来实现更好的浏览体验

关于环境变量

  • PLATFORM: 编译的平台, 可选:web, app, electron, 默认为web
  • NODE_ENV: 编译环境, 可选:production, development, 默认为development
  • TRPG_HOST: 编译指定的后端服务端地址, 默认值:(编译环境development127.0.0.1, productiontrpgapi.moonrailgun.com)
  • ASSET_PATH: 资源文件路径, 默认为/。用于指定打包出来的资源的cdn地址。如//static3.moonrailgun.com/

新版UI发布日志与预览

https://trpgdoc.moonrailgun.com/blog/2020/09/16/new-ui-v0.4

旧版UI部分截图

点击查看

FAQ

  • Q: 为什么我不使用现成的QQ微信来通信而是用你的独立的应用来跑团呢?
  • A: 这个问题就好像是为什么工作会有专门的钉钉、企业微信来作为专用的沟通工具,软件有专门的Slack,游戏有专门的Discord。因为除了最基础的沟通以外,往往还需要其他的辅助功能,而TRPG Engine就满足了这方面的需求。TRPG Engine不会去追求别的方面的功能,而是专注于跑团这一领域进行不断深耕。能够满足这一特定人群的需求就好了

关于贡献

欢迎发送pr,请在发起pr时详细描述改动的目的,这样会更加方便进行审核

关于开源

本项目基于GPLv3开源协议。请对此项目进行二次开发时遵从开源协议 :)

Powered by moonrailgun with

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].