Скачать или смотреть HashFS: Encrypted Browser Storage for Vue Apps (Open Source Demo & Deep Dive)

In this video, Davay introduces HashFS — a lightweight, open-source package for encrypted browser storage. Built with Vue.js and powered by Noble Curves cryptography, HashFS lets you securely store, version, and manage files directly in the browser.

Davay walks through:

The motivation behind HashFS
How encryption, hashing, and versioning work under the hood
A live demo of creating, saving, and importing/exporting files
Technical deep dive into workers, IndexedDB, and cryptography setup
Insights on performance, security measures, and project roadmap

Perfect for developers exploring secure client-side storage, Vue.js composables, or anyone curious about practical cryptography in the browser.

🔗 GitHub Repo & Docs: https://github.com/DeFUCC/hashfs
🔗 NPM Package: https://www.npmjs.com/package/hashfs

---

*📌 Major Timestamps:*

0:00 – Introduction: What is HashFS?
1:12 – Why encrypted browser storage matters
2:45 – Overview of HashFS features (file encryption, local storage, Vue composable)
5:30 – Using Noble Curves for cryptography
7:15 – Demo: creating and saving encrypted files in the browser
10:05 – Session-based keys & safety measures explained
12:40 – Undo/redo, versioning, and hash chains
15:00 – Import/export as ZIP (with encrypted file chains)
18:22 – Under the hood: project setup, build system, and Vue integration
22:10 – Web workers handling encryption in background threads
26:00 – IndexedDB storage with encryption and metadata
30:40 – Deep dive: chain manager, hashing, and signing
36:10 – Key derivation with scrypt, salts, and password security
41:00 – Performance tradeoffs: memory usage vs. encryption strength
45:25 – Demo: running HashFS as a standalone HTML/PWA
49:30 – GitHub Actions: automated builds, provenance & release process
53:10 – Security considerations & open-source philosophy
56:00 – Final thoughts: open source, privacy, and roadmap