')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}
A real-time document editing platform inspired by Google Docs. It aims to create a shared, but 'handicapped' space for digital users, where different user will see different parts of the current document being typed.
User must rely on the output from other users to fully see what they are typing. This is because some characters in the text input are almost invisible, allowing users to only partially read the words clearly. Each user is assigned different invisible character indexes. This feature is designed to encourage users to check one anotherโs interface in order to complete each word, similar to solving a puzzle.
The omission of some characters is reminiscent of a "lipogram," a piece of writing that deliberately leaves out certain letters. However, in my project, the omitted letters vary depending on the order in which users connect to the web socket and how many users are connected at any given time. For example, if I type โI love you,โ the characters will appear in a very light grey shade on my screen, making them barely visible. However, if I open a new tab as a different user, I will see some characters highlighted in blue, specifically the first, third, fifth indexes, and so on. If I switch back to my original tab, the second, fourth, sixth indexes, and so forth, will be highlighted. This design choice encourages the initial user to collaborate with the new user to fully view their document.
When Iโm working on this project, I was thinking of how we never got to see the full picture of someoneโs thoughts, even when weโre working closely with them, even in a physical space! Our own narrative may play a role in recontextualising the information that we got from other people to be in accordance to our reality.
Elizabeth Kezia Widjaja ยฉ 2025 ๐