Home
Softono
web08-JAMstack

web08-JAMstack

Open source TypeScript
15
Stars
4
Forks
0
Issues
0
Watchers
2 months
Last Commit

About web08-JAMstack

CodeJam is a real-time collaborative code editor that lets you start coding instantly without login or setup. Built by Team JAMstack, it generates a unique room URL with a single click so teams can collaborate immediately. Key features include zero-configuration access with anonymous sessions, conflict-free simultaneous editing powered by Yjs CRDT technology, and a role-based permission system with Host, Editor up to 6 people, and Viewer roles. The lightweight CodeMirror 6-based editor delivers smooth performance across mobile and tablet devices. Sessions automatically expire after 24 hours for security. Designed for developers seeking quick, frictionless pair programming and team coding sessions, CodeJam eliminates the overhead of traditional IDE setup while providing immersive real-time collaboration where users can track cursors and edit code together seamlessly.

Platforms

Web Self-hosted

Languages

TypeScript


πŸ‘₯ Team JAMstack


🌟 Service Introduction

CodeJam은 λ³΅μž‘ν•œ μ„€μ • 없이 클릭 ν•œ 번으둜 λ°”λ‘œ μ‹œμž‘ν•  수 μžˆλŠ” μ‹€μ‹œκ°„ ν˜‘μ—… μ½”λ”© ν”Œλž«νΌμž…λ‹ˆλ‹€.
ν™”λ©΄ 곡유의 ν•œκ³„λ₯Ό λ„˜μ–΄, νŒ€μ›λ“€κ³Ό ν•¨κ»˜ μ½”λ“œλ₯Ό 직접 μˆ˜μ •ν•˜κ³  μ‹€μ‹œκ°„μœΌλ‘œ μ»€μ„œλ₯Ό 따라가며 λͺ°μž…감 μžˆλŠ” ν˜‘μ—… κ²½ν—˜μ„ μ œκ³΅ν•©λ‹ˆλ‹€.

πŸš€ Core Values

⚑️ Speed πŸͺΆ Lightweight ⏱️ Real-time
μ„€μ • 없이 접속 μ¦‰μ‹œ
μ‚¬μš© κ°€λŠ₯
무거운 IDE λŒ€μ‹ 
ν•„μˆ˜ κΈ°λŠ₯만 νƒ‘μž¬
μ§€μ—° μ—†λŠ” λ™κΈ°ν™”λ‘œ
μ›ν™œν•œ ν˜‘μ—…

✨ Key Features

1️⃣ Zero-Config & Login-Free

  • μ¦‰μ‹œ μ‹œμž‘: 메인 ν™”λ©΄μ—μ„œ λ²„νŠΌ 클릭 ν•œ 번으둜 κ³ μœ ν•œ λ°© URL μžλ™ 생성
  • 읡λͺ…μ„± 보μž₯: 둜그인 μ—†λŠ” μΌνšŒμ„± μ„Έμ…˜μœΌλ‘œ κ°œμΈμ •λ³΄ λ…ΈμΆœ κ±±μ • μ—†λŠ” ν˜‘μ—…

2️⃣ Powerful Collaboration

  • λ™μ‹œ νŽΈμ§‘: Yjs (CRDT) 기술 적용, 좩돌 μ—†λŠ” μžμ—°μŠ€λŸ¬μš΄ μ½”λ“œ 병합
  • κΆŒν•œ 관리: λ°©μž₯(Host), νŽΈμ§‘μž(Editor, μ΅œλŒ€ 6λͺ…), κ΄€μ „μž(Viewer) μ—­ν•  뢄리

3️⃣ Fast & Focused Editor

  • κ²½λŸ‰ 에디터: CodeMirror 6 기반, λͺ¨λ°”일/νƒœλΈ”λ¦Ώμ—μ„œλ„ λΆ€λ“œλŸ¬μš΄ 퍼포먼슀
  • μžλ™ 만료: μ„Έμ…˜ 생성 24μ‹œκ°„ ν›„ μžλ™ 파기 (Security)

πŸ› οΈ Tech Stack

λΆ„λ₯˜ 기술 μŠ€νƒ
Environment Node.js
Language TypeScript
Frontend React Tailwind CSS Zustand CodeMirror
Backend NestJS TypeORM
Database PostgreSQL Redis
Real-time Socket.io Yjs
DevOps Docker Naver Cloud Turborepo
Package pnpm

πŸ“š Documents

ν”„λ‘œμ νŠΈμ— λŒ€ν•œ 더 μžμ„Έν•œ λ‚΄μš©μ€ μ•„λž˜ λ¬Έμ„œμ—μ„œ ν™•μΈν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€.

  • Client README - ν”„λ‘ νŠΈμ—”λ“œ μ• ν”Œλ¦¬μΌ€μ΄μ…˜ λ¬Έμ„œ
  • Server README - λ°±μ—”λ“œ μ„œλ²„ λ¬Έμ„œ
  • Common README - 곡유 νŒ¨ν‚€μ§€ λ¬Έμ„œ

μ•„ν‚€ν…μ²˜ λ‹€μ΄μ–΄κ·Έλž¨

image