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 or https://code-shard.vercel.app and click on Try Editor Button and select template you want to choose.

Try Editor Templates

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