/Google-Docs

Primary LanguageJavaScript

Google Docs Clone

This project is a Google Docs clone, which aims to provide a similar collaborative document editing experience as offered by Google Docs. With this application, users can create, edit, and share documents in real-time with multiple collaborators.

Features

  • Document Creation and Editing: Users can create new documents and edit existing ones with a rich text editor that supports formatting options such as bold, italics, underline, headings, and more.
  • Adding Images: Users can add Images from there local storage to the documents.
  • Alignment Options: Provide alignment options for text, such as left-align, center-align, right-align, and justify. Users can align their content based on their preference or document formatting requirements.
  • Zoom In/Out: Implement zoom functionality that allows users to adjust the zoom level of the document's display. This feature is useful for accommodating different screen sizes and improving readability.
  • Font Size Selection: Enable users to choose different font sizes for their text. Provide a dropdown or toolbar to select from a range of predefined sizes or allow users to input custom font sizes.
  • Text Color and Highlighting: Allow users to change the color of their text and apply background highlighting to selected portions. This feature enhances document customization and helps users emphasize important information.
  • Download as PDF: Provided a button or option that allows users to download the document as a PDF file. When clicked, the application should generate a PDF version of the document and prompt the user to save it to their local device.

Tech Stack

  • React-JS
  • Recoil
  • execCommand
  • Material UI
  • React Icons

Deployment Link

Demo : https://google-docs-eta-five.vercel.app

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes and commit them: git commit -am Add new feature
  4. Push to the branch: git push origin my-feature-branch
  5. Submit a pull request detailing your changes.

Please adhere to this project's code of conduct.