Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/govind783/coboard_frontend
End to end miro + notion in one single app with real time collaboration , inviting, and group calling
https://github.com/govind783/coboard_frontend
audio-call calling canvas collaboration collaborative-canvas excalidraw miro nextjs notion real-time realtime rich-text-editor video-call
Last synced: 2 months ago
JSON representation
End to end miro + notion in one single app with real time collaboration , inviting, and group calling
- Host: GitHub
- URL: https://github.com/govind783/coboard_frontend
- Owner: Govind783
- Created: 2024-05-28T17:44:53.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-08T18:20:16.000Z (6 months ago)
- Last Synced: 2024-10-12T12:02:28.966Z (2 months ago)
- Topics: audio-call, calling, canvas, collaboration, collaborative-canvas, excalidraw, miro, nextjs, notion, real-time, realtime, rich-text-editor, video-call
- Language: JavaScript
- Homepage:
- Size: 9.12 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- **Calling Feature**: Initiate voice and video 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
https://github.com/Govind783/coboard_Frontend/assets/106112839/30ff22a6-116e-4c61-a58b-8f123efff735
### Create More Boards/Workspaces
### Invite Team
### Workspace Onboarding
### Workspace Details
### In-Depth Settings Modal
- Mark Board as Favorites
- View Team Members
- Invite Members
- Delete Board
- Remove Members
### Starred Boards
### Canvas and Editor
### Canvas and Editor in the Screens of 2 Different Users
- **User 1**: 
- **User 2**: 
### Call-In Feature
https://github.com/Govind783/coboard_Backend/assets/106112839/9adc1766-1f25-49ac-b86f-39928e1c4875
## Additional Links
- Backend Repository: [coboard_Backend](https://github.com/Govind783/coboard_Backend)
- Follow me on Twitter: [@govind755](https://x.com/govind755)
- Please star the repo 🌟🚀
## 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