← 回作品

Kungnection

一個讓開發者互相認識、也能直接在瀏覽器裡跑程式碼的社群平台。

REACTTYPESCRIPTJAVAJUDGE0
架構圖 / 系統示意(放你的圖)
問題

要在瀏覽器裡安全地編譯與執行使用者提交的多語言程式碼,不能讓它碰到自己的伺服器環境。

做法

用 React 與 Vite 建立單頁應用,全程 TypeScript 嚴格型別以降低執行期錯誤;執行端則以 Java 包裝 Judge0 API,做成獨立的遠端執行服務,把輸出即時回傳瀏覽器。

結果

多語言程式碼可在瀏覽器內編譯執行並即時看到輸出。