Skip to content

End to end miro + notion in one single app with real time collaboration , inviting, and group calling

Notifications You must be signed in to change notification settings

Govind783/coboard_Frontend

Repository files navigation

Co-Board

Overview

Welcome to Co-Board, an innovative open-source project that combines the best features of Miro and Notion into one seamless experience. Our platform offers a robust canvas for drawing and brainstorming, alongside a powerful text editor for creating structured content. Whether you're collaborating with a team or working solo, Co-board has everything you need to bring your ideas to life.

Features

Real-Time Collaboration

  • Instant Updates: Collaborate in real time with your team. Every change is instantly reflected across all connected devices.
  • Invite Team Members: Add colleagues to your workspace effortlessly and work together without missing a beat.
  • Live Cursor Tracking: See exactly what your teammates are working on with real-time cursor tracking.

Dynamic Canvas

  • Flexible Drawing Tools: Draw shapes, add text, images, tables, and sticky notes. The canvas is your playground.
  • Unlimited Creativity: From brainstorming sessions to detailed diagrams, the sky's the limit with our end-to-end canvas.
  • Smooth Interactions: Experience a responsive and intuitive interface designed to keep you focused on your work.

Powerful Notion-Like Editor

  • Rich Text Formatting: Utilize headers (H1, H2, H3), paragraphs, lists (ordered and unordered), tables, and more.
  • Structured Content: Organize your thoughts and ideas efficiently with a versatile and easy-to-use editor.
  • Integrated Experience: Seamlessly switch between the canvas and the editor to create comprehensive documents and plans.

Advanced Communication Tools

  • Call-In Feature: Initiate voice calls directly from the platform. Select team members, start a call, and collaborate more effectively.
  • Notifications: Team members receive notifications for calls, ensuring no one misses important discussions.

Web Workers

  • Utilize web workers for enhanced performance. Offload complex data-intensive or computation-intensive tasks to separate scripts, keeping the main thread responsive for the editor and canvas.

Product Screenshots

Landing Page

landingpagee.mp4

Create More Boards/Workspaces

Create More Boards/Workspaces

Invite Team

Invite Team

Workspace Onboarding

Workspace Onboarding

Workspace Details

Workspace Details

In-Depth Settings Modal

  • Mark Board as Favorites
  • View Team Members
  • Invite Members
  • Delete Board
  • Remove Members In-Depth Settings Modal 1 In-Depth Settings Modal 2

Starred Boards

Starred Boards

Canvas and Editor

Canvas and Editor 1 Canvas and Editor 2 Canvas and Editor 3 Canvas and Editor 4

Canvas and Editor in the Screens of 2 Different Users

  • User 1: User 1
  • User 2: User 2

Call-In Feature

Call-In Feature Image 1

calling.mp4

Additional Links

Note

  • there are a few parts of the code that i've commented out like pasting an image on the editor as well as canvas as my cloudinary bill was sky rocketing, however these functionalities work absolutely fine, and if you intend to use them you may just comment out the part from both the frontend as well the backend repos and it would work as expected...
  • The frontend code of the project is optimised till a great extent however the delay you might see in loading the state of the canvas, editor, fetching workspaces or any other call to backend is merely because the backend is deplopyed on the free plan of render hence the cold start everytime effects it, a con of the free tier. So you may either run the backend repo locally or deploy the backend on an ec2, a t2 micro would suffice

Releases

No releases published

Packages

No packages published