一个高度协作、实时的开发环境，直接在您的浏览器中即可使用。CodeCafé 让配对编程、教学以及共同构建网页项目变得如同分享一个想法般流畅而即时。
为什么选择 CodeCafé？
我们发现，现有的编程课程在使用为论文设计的工具，而非为工程师打造的工具。现有解决方案在实时编程这种动态场景下显得笨重。CodeCafé 正是为满足对无缝、基于浏览器的编程空间的需求而诞生，它从设计之初就致力于真正意义上的协作。学习、教学、开发——一切都在一起，即时完成。
核心功能：

像素级实时预览：您的 HTML、CSS 和 JavaScript 代码修改会立即在集成的网页视图中呈现。您所编写的内容，即刻可见！
真正的实时协作：基于操作变换（Operational Transformation）技术，多个用户可以同时编辑同一文件，冲突将被无缝解决。
VS Code 风格体验：通过 Monaco 编辑器，享受熟悉的、丰富的编辑体验，包括语法高亮、智能建议和错误检查。
零配置：直接进入编程，所有内容均在浏览器中运行。

技术栈：

前端：React、TypeScript、Zustand（状态管理）、Tailwind CSS、Monaco 编辑器、Xterm.js（集成终端）、Framer Motion、Axios、WebSocket 客户端
后端：Java Spring Boot、WebSocket API、Jackson（JSON 处理）
实时协作：自定义操作变换（OT）实现
状态管理/消息通信：Redis（AWS ElastiCache），利用 Lua 脚本实现原子操作
部署：AWS EC2（后端）、Vercel（前端）、AWS ElastiCache（Redis）

CodeCafé 流畅协作编辑的核心在于我们自主研发的操作变换（OT）系统，该系统在前端和后端均得到实现。