CollabTE is a collaborative text editor built using TipTap, offering a seamless platform for multiple users to collaboratively edit text files. The editor utilizes Firebase for basic file system functionality, enabling offline editing capabilities along with a room-based collaborative environment. Users can join specific rooms using unique IDs and collaboratively work on shared documents in real-time.
- TipTap Text Editor: Provides a basic text editing interface.
- Firebase Integration: Offers a simple file system using Firebase.
- Offline Editing: Allows users to edit files even when offline.
- Room-Based Collaboration: Users can join specific rooms to collaborate on shared documents.
- Real-Time Collaboration: Enables simultaneous editing by multiple users in a room.
To set up CollabTE locally, follow these steps:
Clone the repository or extract the ZIP file:
git clone https://github.com/senju-hashirama/CollaborativeEditor-
Set up a Firebase project with the following services enabled:
- Authentication (with Google provider and Email/Password)
- Cloud Firestore
- Realtime Database
-
Obtain the Firebase configuration object.
-
Place the Firebase configuration key into a
.envfile located in theserverfolder:FIREBASE_CONFIG={ apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", // Add other necessary keys }
-
Paste the same Firebase configuration object into
app/lib/firebase.jsin your project.
Install the necessary dependencies by running the following commands:
cd CollabTE
npm install
cd server
npm installStart the server by running:
# Frontend
npm run dev
# Server
cd server
node server.jsThis will launch the frontend and server environments, allowing you to start using CollabTE locally.
Once the server is running, access the CollabTE application in your browser at http://localhost:your-port and start collaborating in real-time within the text editor.
This project is licensed under the MIT License - see the LICENSE file for details.