{"id":18355746,"url":"https://github.com/rishabh3562/collab-tool","last_synced_at":"2026-05-07T18:36:53.983Z","repository":{"id":239836968,"uuid":"800609361","full_name":"rishabh3562/collab-tool","owner":"rishabh3562","description":"Collabwrite: A collaborative diagramming tool . Real-time canvas, chat, and seamless teamwork, built with Next.js and Appwrite.","archived":false,"fork":false,"pushed_at":"2024-12-13T20:47:32.000Z","size":1905,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T01:51:03.897Z","etag":null,"topics":["appwrite","canvas","chat","collaboration","drawingboard","nextjs","realtime","tool","website"],"latest_commit_sha":null,"homepage":"https://collabtool.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rishabh3562.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-14T16:52:38.000Z","updated_at":"2024-12-13T20:47:36.000Z","dependencies_parsed_at":"2024-05-15T18:12:33.026Z","dependency_job_id":"a20cf79c-4c1b-4eab-83a2-56fc95112654","html_url":"https://github.com/rishabh3562/collab-tool","commit_stats":null,"previous_names":["rishabh3562/collab-tool"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rishabh3562/collab-tool","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2Fcollab-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2Fcollab-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2Fcollab-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2Fcollab-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rishabh3562","download_url":"https://codeload.github.com/rishabh3562/collab-tool/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2Fcollab-tool/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32751064,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-07T02:14:30.463Z","status":"ssl_error","status_checked_at":"2026-05-07T02:14:29.405Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appwrite","canvas","chat","collaboration","drawingboard","nextjs","realtime","tool","website"],"created_at":"2024-11-05T22:07:50.681Z","updated_at":"2026-05-07T18:36:53.958Z","avatar_url":"https://github.com/rishabh3562.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Introduction\nI am excited to introduce a seamless and intuitive way for me to unleash  creativity and communicate ideas visually. With user-friendly interface effortlessly create diagrams with a touch of finger or the precision of mouse.\n\nImagine having the freedom to brainstorm ideas, map out strategies, or present complex information in a visually captivating manner. Collaboration is at the heart of this website, allowing to work seamlessly with others in real-time. Whether working on a team project or seeking feedback from colleagues,collaborative features ensure that everyone is on the same page.\n\n### Description\n\nCollabwrite is inspired by a popular tool [Excalidraw](https://excalidraw.com/), which is a versatile and intuitive web-based tool that allows users to effortlessly create diagrams, sketches, and illustrations.\n\nAt its core, Collabwrite provides a blank canvas where you can draw and sketch using a variety of tools. The interface is clean and has a chat built into it to enable people to collaborate and brainstorm ideas (Thanks to Appwrite Realtime Database).\n\n# Tech Stack\n\nFrontend - [**NextJS**](https://nextjs.org/)\n\nStyling - [**TailwindCSS**](https://tailwindcss.com/)\n\nBackend \u0026 Auth \u0026 Database - [**Appwrite**](https://appwrite.io/)\n\nDeployment - [**Vercel**](https://vercel.com/dashboard)\n\n# Features\n\n-   Use the canvas to draw to content. Create plans, diagrams, flowcharts, etc.\n    \n-   Go solo or collab with people to work together .\n    \n-   Collabwrite provides realtime editing so multiple people can work together on a canvas remotely and edit it simultaneously.\n    \n-   Chat with teammates while working on canvas on an inbuilt chat system, ask them for ideas or even better let them edit the canvas themselves.\n    \n-   Finally, download your canvas and use them anywhere\n    \n\n# The general flow of the application\n\n![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686607944692/e8a5602c-6b6a-46b8-b884-5a4fbfc71042.jpeg?auto=compress,format\u0026format=webp)\n\n_btw the above diagram is made using_ **_Collabwrite._**\n\nIt's simple, just drag your mouse and get the shape. Oooh, it even works with touch so it's compatible with your tablets too.\n\n# Walkthrough\n\nDemo Login Credentials:\n\nemail : [demo1@gmail.com](mailto:demo1@gmail.com), [demo2@gmail.com](mailto:demo2@gmail.com)\n\npassword: testpassword\n\n### Creating an account\n\n-   Head down to [https://collaboration-tool.vercel.app/login](https://collaboration-tool.vercel.app/login)\n    \n-   ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686608695814/069d6eac-d5e0-4c41-b7a9-249311b9c07c.png?auto=compress,format\u0026format=webp)\n    \n-   You can either create an account or log in with the demo credentials. The Signup and Sign in actions are handled by Appwrite, so your credentials are secure.\n    \n-   Once you have signed up you will be automatically redirected to the dashboard.\n    \n\n### Navigating inside the dashboard\n\n-   Once signed in I will be redirected to the dashboard page\n    \n-   ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686608972713/6627c89f-ed4e-46c9-8ac6-f76aa5b9d038.png?auto=compress,format\u0026format=webp)\n    \n-   Once on the dashboard, you will be able to see your drawing boards.\n    \n\n### Creating a new project\n\n-   To start a new project click on '+' button.\n    \n    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686609215055/0a8214a7-5d4c-4ec3-bea1-9f5d751c28a6.png?auto=compress,format\u0026format=webp)\n    \n-   you'll be greeted with a simple form, either to create a solo project or collaborate with others.\n    \n-   If you want to go solo, just enter the project name and click on **Get Started** button\n    \n-   Since collaboration is the core of Collabwrite, you will go through the collab route.\n    \n-   Once you enter the name of the project, you'll be prompted to enter the collaborator's email (who has already registered on Collabwrite).\n    \n    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686657141747/bc05d2cc-5908-4318-80ca-fab2bd374a33.png?auto=compress,format\u0026format=webp)\n    \n-   If the user is available their email will automatically be shown, which upon clicking will automatically send them the invite.\n    \n-   The other user will receive a notification to accept or decline the invite.\n    \n    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686609857571/bc5a35f4-9e8c-482e-a0ba-4313930263eb.png?auto=compress,format\u0026format=webp)\n    \n-   Upon accepting the request the user will automatically be added to the project.\n    \n\n### Drawing on the Canvas\n\n-   Clicking on **Get Started** will launch the minimal canvas.\n    \n    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686610335814/ba310246-dbae-4a6b-bf47-606471d3904d.png?auto=compress,format\u0026format=webp)\n    \n-   The canvas contains drawing tools like arrows, squares, circles, lines, diamonds, text, and freehand on the top.\n    \n-   The colour palette is situated on the left side.\n    \n-   The right side contains the chat which can be minimized to use the entire canvas space. (chat is disabled in solo mode cuz whom I gonna chat with anyway)\n    \n\n### Drawing on the canvas\n\n-   Drawing on the canvas is pretty straight forward just click on the shape then select the color and start away.\n    \n    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686657993688/7d289414-0b52-4a6b-93a1-a2728e52fe2d.png?auto=compress,format\u0026format=webp)\n    \n\n### Realtime Editing\n\nOne of the core features of Collabwrite is empowering numerous collaborators to engage in real-time editing on a project, drawing inspiration from the seamless collaboration experience of Figma.\n\nThanks to the incredible capabilities of Appwrite's realtime database, I have seamlessly integrated this remarkable feature into Collabwrite. To witness the magic in action\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishabh3562%2Fcollab-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frishabh3562%2Fcollab-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishabh3562%2Fcollab-tool/lists"}