Skip to content

Collaborative Code Editor made with Next.js 14, Auth.js v5, Monaco Editor, Yjs and Liveblocks, where user can create, edit and view HTML/CSS/JS code snippets. Users can join room and collaborate to see realtime updates.

Notifications You must be signed in to change notification settings

MridulDhiman/code-shard

Repository files navigation

CodeShard: Collaborative Code Editor for creating HTML/CSS/JS Snippets

alt text

🚀 Features:

  • Signup/Login
  • Create new Shard

alt text

  • View/Update/Delete Shards on Profile.

alt text

  • Collaborate by creating room and sharing the room link with users.
  • Change Visibility of Shards
  • Try Editor feature (code will get saved locally) (without signup)
  • User cannot leave without saving, if shard content altered.
  • Follow/Unfollow User

alt text

  • Read Only Shards for Guest Users

alt text

  • Join Rooms from Room List

alt text

  • Emmet abbreviation support for Editors

alt text alt text


React Editor (work in progress) on https://code-shard.vercel.app/testing

About

Collaborative Code Editor made with Next.js 14, Auth.js v5, Monaco Editor, Yjs and Liveblocks, where user can create, edit and view HTML/CSS/JS code snippets. Users can join room and collaborate to see realtime updates.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published