This application is built to be a lightweight serverless productivity tool to boost the preformance of content writers. Application state is preserved in the address bar making the app making easily shareable while also dodging the requirement of hanging onto any customer data.
Site is live at kwdz.app
This application is intended to be used alongside a text editor such as Google Docs. Enter a list of keywords into the edge panel input separated by a line break "\n" to get started. Write your article and periodically paste the contexts into the article section to see which keywords you still need to hit.
Use the Copy missing to clipboard(): command to get a list of the keywords that still need to be entered. This block of text can be safely pasted in the body of your article in your text editor, the application removes all text wrapped in {{double curly braces}}.
If your article needs to be a minimum length, you can use Set target: to add a word target, your word count updates each time the article is processed.
Access the functions of this tool quickly and easily via the Command Bar. The command bar can be accessed by pressing Alt + /, and exposes the majority of the sites functionality at a few keystrokes.
"Set target:" // sets the target wordcount -- number
"Set due date:" // sets the target wordcount -- string
"Set title:" // sets the title in AppBar -- string
"Set article:" // updates article text -- string
"Set keywords():" // toggles EdgePanel for keyword entry
"Copy missing to clipboard():" // Adds missing keywords to the clipboard surrounded by {{ curly braces }}
"View - unhide all keywords():" // sets hidden: false on all keywords
"Theme - toggle theme():" // rotates to next theme
"Theme - set theme():" // changes to theme by name or numberSuppose we're tasked with writing an SEO article about the history of JavaScript. We might get this list of key terms:
application programming interface
client
css
data structure
document object model
dynamic typing
ecmascript
eventdriven programming
firstclass function
functional programming
highlevel programming language
html
imperative programming
javascript
javascript engine
justintime compilation
library
objectoriented programming
programming language
programming paradigm
prototypebased programming
regular expression
source code
user
web browser
web page
website
world wide web
That list can be plugged into the Keyword Tracker, try it out and paste the keywords in from a blank slate or use the version with the state preserved from the address bar.
As we compose our article, paste in the following sections to simulate creating an SEO post. As the article text changes the app will scan the text for keywords, and indicate their occurances in the lower below.
JavaScript, often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client side for web page behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices.
JavaScript is a high-level, often just-in-time compiled language that conforms to the ECMAScript standard. It has dynamic typing, prototype-based object-orientation, and first-class functions. It is multi-paradigm, supporting event-driven, functional, and imperative programming styles. It has application programming interfaces for working with text, dates, regular expressions, standard data structures, and the Document Object Model .
The ECMAScript standard does not include any input/output, such as networking, storage, or graphics facilities. In practice, the web browser or other runtime system provides JavaScript APIs for I/O.
Keywords that have been used are moved to the end of the stack, and highlighted green. When all the keywords are green, then you've fulfilled your obligation to the algorithmic overlords.
Trillium Smith - trillium@trilliumsmith.com
Software Developer based in Southern California.