2022-11-16
3672
#css#html#vanilla javascript
Favour Vivian Woka
31809
Nov 16, 2022 ⋅ 13 min read

Build a Google Doc clone with HTML, CSS, and JavaScript

Favour Vivian Woka I'm a frontend developer based in Port Harcourt, Nigeria. I am passionate about building applications that run on the web. Technical writing is another interest of mine.

Recent posts:

The complete guide to the AbortController API

Check out a complete guide on how to use the AbortController and AbortSignal APIs in both your backend and frontend.

Joseph Mawa
Mar 12, 2025 ⋅ 9 min read
Not Everything Should Be A Chat: Rethinking LLM Integration

Beyond chat: Rethinking how we use LLMs

LLMs can do more than chat! Explore alternative integration models that improve efficiency, reduce complexity, and enhance user control.

Rosario De Chiara
Mar 12, 2025 ⋅ 4 min read

A guide to image overlays in CSS

Learn the basics of applying image overlays in CSS and explore more interactive techniques like hover effects and animations.

Ibadehin Mojeed
Mar 11, 2025 ⋅ 5 min read

How to use EJS to template your Node.js application

EJS makes working with templates in Node.js super easy — but only if you know how to use it. This guide walks you through the essentials and more.

Samuel Olusola
Mar 11, 2025 ⋅ 15 min read
View all posts

10 Replies to "Build a Google Doc clone with HTML, CSS, and JavaScript"

  1. Hello Vivian!
    To use firebase firestore do we need a blaze (pay as you go) account?? Some time ago I couln’t deploy my app because firebase says that I can only deploy if I change my free plan to blaze.

    P.D. I don’t change to blaze because I don’t have a credit/debit card

  2. You don’t need to be on Blaze plan to make use of firebase unless you are working with cloud functions or some other feature that requires a change in plan.

  3. Great example!!! Thanks a lot…
    Any tips of Firebase data model for sharing documents with different users fr viewing, editing?

  4. can u please tell me the linking of all these codes . And also where to put the code “getting actual data ” code and others afterward.

  5. Sadly I would not recommend this as a tutorial for newbies. Some of the code in the article is out of sync with what is on github, and the Firebase instructions are a bit incomplete. When I cloned the repository and tried to run it locally there were runtime errors that needed debugging – I think they were about having to call initializeApp before calling getAuth. But if you are a fairly experienced programmer it’s a pretty decent demo of using Firebase and building a text editor. For a guide to emulating the document and folder framework, I recommend the google drive clone youtube video by Web Dev Simplified.

Leave a Reply