Welcome to the repository for the Collaborative Text Editor application. This application allows multiple users to collaboratively edit a text document in real-time, enabling seamless collaboration and efficient document editing among team members.
To access the Collaborative Text Editor application, please visit http://asu-client-v2.s3-website-us-east-1.amazonaws.com/. The application is hosted on GitHub Pages, providing a user-friendly interface for collaborative editing.
The Collaborative Text Editor application offers the following features:
- Real-time Collaboration: Multiple users can simultaneously edit a shared text document in real-time, enabling efficient collaboration and seamless communication.
- Cursor Presence: Each user's cursor is displayed on the screen, allowing participants to see the editing positions of others in real-time.
The Collaborative Text Editor application is built using the following technologies:
- HTML5: Provides the structure and layout of the webpages.
- CSS3: Used for styling and design elements of the application.
- JavaScript: Implements the real-time collaboration functionality and user interactions.
- Node.js: Powers the server-side functionality for real-time communication and document synchronization.
- Express.js: Facilitates the development of the server-side application and handles routing.
- Socket.IO: Enables real-time bidirectional communication between the server and clients.
- MongoDB: Stores user account information and document data for persistence.
To set up a local development environment for the Collaborative Text Editor application, follow these steps:
- Clone the repository:
git clone https://github.com/Ahmed-Ashraf-Marzouk/collaborative-text-editor.git
- Install the dependencies:
npm install
- Set up a MongoDB database and update the MongoDB connection string in
server.js
. - Start the application:
npm start
- Access the application at
http://localhost:3000
in your browser.
Contributions to the Collaborative Text Editor application are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request. Your contributions can help enhance the functionality and user experience of the application.
Thank you for your interest in the Collaborative Text Editor application!
Access demo video: https://www.youtube.com/watch?v=zk5gRdLzP2A&t=222s
You can test the text editor here: http://asu-client-v2.s3-website-us-east-1.amazonaws.com/documents/9a3055eb-11d7-4199-9f82-7c03df3cb2b1
Create your own room and share links with others enter this: http://asu-client-v2.s3-website-us-east-1.amazonaws.com