Skip to main contentHomepage
Google Docs Clone
A real-time collaboration platform for document editing.
Visit Youtubekuluruvineeth/googledocs-clone
Google Docs Clone

📄 Google Docs Clone with Real-Time Collaboration

Building a Google Docs clone with real-time collaboration capabilities. This project explores the use of web sockets and more to enable multiple users to edit documents simultaneously.

Core Features of this Project:

Users can sign up with their email and verify it to start using Google Docs Clone.

Registration Flow

  1. Navigate to the registration page.
  2. Fill in the required details and click "Register."
  3. Verify your email address through the link sent to your inbox.

Home Page

Once logged in, users are greeted with a home page where they can create new documents, manage existing ones, and view shared documents.

Document Creation and Sharing

  • Create a new document with a customizable file name.
  • Share documents via email, controlling access permissions (public or private).

Real-Time Collaboration

  • Utilize Socket.io for real-time updates when collaborating on shared documents.
  • See immediate changes made by other users collaborating on the same document.

User Management

  • Manage user accounts securely with JSON Web Tokens (JWT).
  • Store user data and document information in a PostgreSQL database using Sequelize.

Technologies Used

  • React: Frontend framework for building user interfaces.
  • TailwindCSS: Utility-first CSS framework for styling.
  • Socket.io: Library for real-time web applications.
  • TypeScript: Superset of JavaScript for improved code quality.
  • Postgres: Relational database for storing application data.
  • Express: Backend web application framework for Node.js.
  • Sequelize: Promise-based Node.js ORM for PostgreSQL.

Conclusion

This project aims to replicate the core functionalities of Google Docs, focusing on real-time collaboration and document management.

✨✨✨ Thank you for visiting and supporting! ✨✨✨