Skip to content

Ahmed-Ashraf-Marzouk/collaborative-text-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Collaborative Text Editor

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.

Accessing the Application

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.

Features

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.

Technologies Used

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.

Getting Started

To set up a local development environment for the Collaborative Text Editor application, follow these steps:

  1. Clone the repository: git clone https://github.com/Ahmed-Ashraf-Marzouk/collaborative-text-editor.git
  2. Install the dependencies: npm install
  3. Set up a MongoDB database and update the MongoDB connection string in server.js.
  4. Start the application: npm start
  5. Access the application at http://localhost:3000 in your browser.

Contributing

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