Local Storage App - Nwjs Typing CST Test
Loading…
Local Storage App — Nwjs Code
Demonstrates saving and loading tasks using localStorage in NW.js.
// package.json
{
"name": "storage-app",
"main": "index.html",
"window": { "title": "Local Storage App", "width": 600, "height": 400 }
}
// index.html
<!DOCTYPE html>
<html>
<body>
<h1>Persistent Todos</h1>
<input id='todoInput' placeholder='New Todo'/>
<button id='addBtn'>Add</button>
<ul id='todoList'></ul>
<script>
const list = document.getElementById('todoList');
let todos = JSON.parse(localStorage.getItem('todos') || '[]');
function render(){ list.innerHTML = ''; todos.forEach(t => { const li = document.createElement('li'); li.textContent = t; list.appendChild(li); }); }
render();
document.getElementById('addBtn').onclick = () => {
const val = document.getElementById('todoInput').value.trim();
if(val){ todos.push(val); localStorage.setItem('todos', JSON.stringify(todos)); render(); }
};
</script>
</body>
</html>Nwjs Language Guide
NW.js (previously known as Node-Webkit) is an open-source framework for building desktop applications using web technologies (HTML, CSS, JavaScript) with full access to Node.js APIs.
Primary Use Cases
- ▸Cross-platform desktop applications
- ▸Electron alternative for lightweight apps
- ▸Apps requiring Node.js APIs (filesystem, networking)
- ▸Hybrid web-to-desktop apps
- ▸Prototyping or internal tooling for businesses
Notable Features
- ▸Chromium-based rendering engine
- ▸Node.js integration for backend capabilities
- ▸Cross-platform support (Windows, macOS, Linux)
- ▸Native OS features like file system, notifications, and menus
- ▸Ability to package apps as standalone executables
Origin & Creator
Developed by Intel’s Open Source Technology Center in 2011 (originally as Node-Webkit) to enable web developers to build desktop applications easily.
Industrial Note
NW.js is popular for desktop apps that need a web-like interface, rapid prototyping, or access to Node.js modules in a desktop environment.