A minimal VS Code extension for real-time team collaboration.
- I like to work together with people everytime,me and my friends as a group,we do multiple projects and to keep track of our progress ,this extension will be a great help to me and my teamates, we dont have to worry about going to other platforms to check the to-do list ,through this extension it can accessed any time we want ,tht too in vsc ,where we all code.
i am a guy who uses task-completion type of app a lot and i have to switch every time to that app from vsc and sometimes this makes me lose pace,so i decided to combine todo app with vsc and that has resulted in this extension.
- Team Isolation: Use unique "Join Codes" to create private task environments for your specific group.
- Real-time Sync: Tasks update instantly for all team members without needing to refresh VS Code.
- Persistent Login: Your Team ID is saved locally via
globalState, so you stay connected to your team every time you open the editor. - Regional Performance: Optimized for the Asia-Southeast1 region to ensure low-latency updates for users in India and Southeast Asia.
The extension is pre-configured to connect to the Firebase project team-todo-ff249. It utilizes the regional database URL:
https://team-todo-ff249-default-rtdb.asia-southeast1.firebasedatabase.app/
To start collaborating, you must join a team:
- Open the Team To-Do explorer in the Activity Bar.
- Click the Join Team (Person) icon at the top of the view.
- Enter a unique code (e.g.,
it-project-group-1). - Share this code with your teammates so they can see the same list.
- Add Task: Click the + icon and enter a task title.
- Complete Task: Use the inline checkmark icon to toggle the status.
- Delete Task: Use the trash icon to remove tasks from the shared list.
- Language: TypeScript
- Backend: Firebase Firestore (NoSQL)
- State Management: VS Code
ExtensionContext.globalStatefor persistent Team IDs. - Data Architecture:
teams/ βββ {teamId}/ βββ tasks/ βββ {taskId}: { title, completed, createdAt } }
npm run compile: Build the TypeScript source into thedistfolder.npx @vscode/vsce package: Generate the.vsixfile for local distribution and installation.
- Download the
.vsixinstaller from the GitHub Releases section. - In VS Code, click the three dots (...) in the Extensions pane.
- Select Install from VSIX... and choose the downloaded file.