/googledocs-clone

📝 Just me playing a little bit of creating Google Docs clone. And I took advantage of it I went after creating something similar to Google Docs and I came across something called Quilljs.

Primary LanguageTypeScriptMIT LicenseMIT

Google Docs Clone

A clone of the google docs from deep web. Just kidding 😆!

I was just wanting to do a google clone to learn more about the Quilljs API.

Techs

Front-end

  • React - Library I use to make the frontend.
  • Vite - build tool that aims to provide a faster and leaner development experience for modern web projects.
  • Sass - Responsible for front-end styling (even if little is useful).
  • Socketio - Communication between back-end - front-end.
  • Quilljs - Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Back-end

  • Babel - Compiler the code.
  • Socketio - Communication between back-end - front-end.
  • Mongoose - Connection with mongodb.
  • Docker - Create a container with mongodb.

Running project

Prerequisites

Install yarn inside your machine:

npm install --global yarn

To execute the project follow the steps:

  1. Clone this repository:
git clone https://github.com/AlphaLawless/googledocs-clone
cd googledocs-clone
  1. Install dependencies:
yarn install
  1. Move envorinment variable:
yarn environment
  1. Running a container with a mongodb:
yarn mongodb:up
  1. Run the backend and frontend on separate terminals:
cd client
yarn dev:client
cd server
yarn dev:server

License

MIT LICENSE