construkted Reality

Web Project: Web Text Editor (construktED)

Published on March 31, 2017

I'm excited to talk about my latest web project. I started out with the intention of creating my own custom tool featuring some functionality that would optimize my workflow.

This editor (which I've decided to call "construktED") currently features the ability to arrage workspaces either side-by-side or stacked vertically, as well as the ability to host four separate spaces in a grid format. Each of these workspaces can have both it's theme and it's language highlighting defined independently of one another as well. I spent a lot of time on the interface specifically, but I am very pleased with how it turned out. It feels fluid and intuitive, and I've already found it useful for code comparison in small projects even in it's unfinished state.

Despite all of this, construktED is still very much a work in progress. There is a list of features I plan to add, all of which vary in degree of complexity. Currently the editor features two tabs labeled "SCSS" and "LESS" respectively. This functionality has not been implemented yet but the idea is to allow for quick compilation of SCSS and LESS code into CSS output. I'm also still contemplating having the ability to convert CSS back into SCSS or LESS. All things I've found myself needing to do at one point or another so it makes sense to me to have them all under one hood. 

Some other features I have planned are a modal color picker that's toggled by a UI button, as well as a sandbox tab that will function similarly to CodePen or jsFiddle. Alas, these features are still merely the stuff of drawing boards. 

To those of you interested in checking it out, you can see the editor in it's current state HERE

Be sure to play around with the interface and workspace arrangement. Try to break it - and please let me know if you can. Thanks!