Google-Docs-Clone

This project is a Google Docs clone built using ReactJS and Firebase. It allows users to create, edit, and collaborate on documents in real-time, similar to the functionality provided by Google Docs.

Features

• Real-time Collaboration: Multiple users can collaborate on the same document simultaneously, and changes made by one user will be immediately reflected for all others.

• Rich Text Editing: The editor supports rich text formatting, including bold, italic, underline, bullet lists, numbered lists, headings, etc.

Installation

1. Clone the repository to your local machine:

    https://github.com/patelb268/Google-Docs-Clone.git
    cd Google-Docs-Clone
   

2. Install the required dependencies:

    npm install
   

How to Add Firebase to Our App

Now, let's install Firebase for the database. Simply install Firebase using the below command:

npm install firebase

Head over to https://firebase.google.com/ and click Go to console at the top right.

Then, click Add Project.

After creating the Project, click the code button to create a web app in Firebase. Give it a name and we are ready to go.

add all config data to firebaseConfig.js

Example

configure Firestore Database. Go to Firestore database from the left sidebar, and click Create Database.

start Database in Production Mode. So, click Next, and then Enable.

make the security rules public. Now anyone can write data or read them, even without authentication.

      rules_version = '2';
      service cloud.firestore {
        match /databases/{database}/documents {
          match /{document=**} {
            allow read, write;
          }
        }
      }

Contributing

Contributions to this project are welcome. If you find any issues or have feature suggestions, please open an issue or submit a pull request.

License

This project is licensed under the BSD3 License.

Acknowledgments

• Thanks to the creators of ReactJS and Firebase for providing powerful tools for developing web applications.