Littera-Clipv1 was developped using the draft.js framework from facebook. It is a rich text-editor meant to create content that you can share (eventually).
-'Why make a text-editor-- Leonard ? There's plenty of better options out there...'
The idea behind this project was to fill a gap between my previous career as a screenwriter and this new journey as a web dev I set my path on... so code a text-editor of my own that will allow for content publication :) As a junior dev, it was fun to translate everything into functional components. That furthered my comprehension of React a lot.
'Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences.
Draft.js allows you to build any type of rich text input, whether you're only looking to support a few inline text styles or building a complex text editor for composing long-form articles. '
I recommend watching this very interesting introduction:
The EditorState, an Immutable Record that represents the entire state of a Draft editor, is saved on sessionStorage to let users test it.
More on immutable records here : https://web.archive.org/web/20150623131347/http://facebook.github.io:80/immutable-js/docs/#/Record
FE developed using React, TypeScript, draft.js and styled-components.
I started implementing a BE that runs with node and express, for the db I am using MongoDB.
In futur iterations, I will be implementing a LogIn that will make use of jwt.
Although meant for desktop use first, it is possible to use it on mobile devices. As per the draft.js documentation, the framework is not yet fully supported on mobile, but the developers behind it are working torwards making that a reality.