Cadmus Essay Page

Yohanes Keanoe

Cadmus Essay Page

JavascriptCSSHTMLReactNodeJSMongoDB

A task given by Cadmus to create a front-end client for students to write essays. The project came with the react structure but most of the features in the page are written by myself. List of features created include server functionality using nodeJS in Amazon Linux server, database functionality using mongoDB, rich-text editor, auto save and load, and reactive loading. The task is similar to google drive's document where the page will load a certain student's work and multiple students may edit the work concurrently. The database is used to store the essay, instruction, and notes in JSON format for Slate rich text editor compability.

Instruction Tab

Instruction Tab

Note Tab

Note Tab

Reactive Tab

Reactive Tab

Navigation Tab

Navigation Tab

Rich Text Editor

Rich Text Editor