Jumblejot is my very first programming project, which I started with basically no prior programming experience (besides MIT Scratch, but that doesn't count). This is the reason for the many rewrites over the years, as I learned more about what I was doing.

## [Metro](https://jsfiddle.net/aetinx/pyk0mobL/382/show), 2021

Jumblejot started out as only a textarea, an import button, and an export button. The reason that the project actually started was because I got mad at changes to [Editpad.org](https://editpad.org). You can see the version before the changes started on [this Wayback Machine capture](https://web.archive.org/web/20210111161225/https://www.editpad.org). This version used one file for each: HTML, CSS, Javascript.

The name Metro is because it only transported a file into and out of the app.

## [Yellowjacket](https://jsfiddle.net/aetinx/4fg5078m/2198/show), 2021

After Metro, I decided to allow for multiple files, using `localStorage`.

This was named Yellowjacket because of the yellow accent color. Yellow was chosen as a reference to legal pads.

This version was made the same way as the previous version.

## [Chlorine](https://jsfiddle.net/aetinx/kncf85uq/show), 2022

This version is a lot like Yellowjacket, but with more features and a somewhat better UI. Chlorine was also made in the same way Metro was.

## [Snowtrail](https://snowtrail.jumblejot.pages.dev/app/), 2023

This was the first version to organise styles and scripts into multiple files. Also, this version introduced the ability to use multiple types of editors.

## Pinkjay, 2023—

This version is very different from any other version, as it differs a lot in how it's built and what it can do:

* Uses multiple spaces instead of just browser storage.

* For browser storage, this version uses IndexedDB instead of `localStorage`.

* Uses ECMAScript modules rather than a bunch of common scripts.

* Utilizes the Web Components API.

* Designed using the Kitt Design component library.

The History of Jumblejot

> **💡 Heads up:** Jumblejot is currently in *very* early development, and features listed below may not be available on launch, or may be missing entirely.

Jumblejot is the multi-purpose everything editor for many different types of people and use cases.

## Multiple types of people

Jumblejot is the perfect tool for:

* **Developers** to test HTML/CSS/Javascript snippets.

* **Students** to take notes, study, and visualise information.

* **Writers** to edit documents, capture ideas, and jot down in journals.

* and anyone else that needs a versatile editor.

## Multiple sources

Edit files from the **cloud**, your **browser**, **Google Drive**, and even **your computer** (on [supported browsers](https://developer.chrome.com/docs/capabilities/web-apis/file-system-access#browser_support)).

We're also thinking about adding **Decipad** spaces.

## Multiple editors

Use a variety of editors to create, view, and edit many different types of files. While most files are opened as plain-text in a code editor, we plan on adding additional editors for different types of files:

* Take notes on Markdown documents with a classic **document editor**.

* Create and analyze graphs with a first-party **Desmos integration**.

* Make sets of flashcards with a **flashcard editor**.

* Testing HTML/CSS/Javascript snippets inside **Web Playgrounds**.

* Edit **Google Workspace** with as editors as **embeds** within Google Drive spaces.

All About Jumblejot

Product Designer

Q3 Student Work Performance Award: Broadcast & Multimedia Prod.

"for Demonstrating Initiative, Leadership, and Strong Work Ethic"

Maine Career Exploration Badge

Certificate of Achievement: Computer Science 3

"In recognition of outstanding achievement"

Attending a nationally accredited vocational programme to gain more knowledge in photography, videography, photo editing, and graphic design.

Located in the new arts hotspot of Maine, this school highly values visual and performing arts. This school was also chosen as the 2023 NFHS Performing Arts School of Excellence.

One of 139 students in the state of Maine to attend a six-week (2023) and three-week (2022) programme in Farmington to plan and prepare for higher education. You have to be nominated to join this programme.

Front page

Featured: Week #16

Shortcut handling in JavaScript made easier and more flexible.

Shortcut

Keystroke sequences in JavaScript made easy.

Sequence

Connecting Latapals experiences and focusing on platform and user safety.

Accounts

The multi-purpose everything editor that helps you create, organize, and collaborate.

Jumblejot

Latapals' open-source design system and component library.

Kitt Design

Latapals Icons V1

zz.js

Convert and tweak colours in JavaScript with ease

colours.js

The open-source icon library made for Latapals projects.

Latapals Symbols

Latapals Icons V2

Designed three different versions of icons for Latapals projects over two years.

Latapals Icons

Made the W Rectangle logo for a small internet community by Jeffalo.

Logo Design

Experience with my high school mass-media class.

Photoshoot at the MOFGA Common Ground Fair

Second take on designing logos for the musician EXXO.

Logo Design (Second Time)

Took some pictures during a school programme during the summer.

Photoshoot at School Summer Camp

Designing myself in 3D using VRoid Studio.

Aetinx Model V4

A first-person shooter developed in Unreal Engine 4.26 for school. Though it only had a mere three levels and wasn't near polished, it provides the fun of having you play again and again to shorten your times as much as possible.

NEVERFALTER

Decipal Emoji

A 3D avatar for myself made in VRoid Studio.

Aetinx Model V3

Volunteer

Moderating Hunnypaint's Discord server and maintaining a welcome and friendly atmosphere.

Discord Moderator

Helped a startup music school fix MX records and SMTP forwarding.

SMTP Assistant

Joke title referring to my work on creating emojis of the mascot Decipal.

Chief Decipal Officer

Education Department Student Helper

Helped with the 26th annual Maine International Film Festival.

Intern

Founded in 2016 (when I was 10), Latapals is an indie team of designers and developers creating helpful web apps and JavaScript libraries.

Adrian "Aetinx" Keim

Projects

Awards

Work Experience

Education

Contact

Teams