Live missionsSee all
0 reactions
I built KD Screen Guard: A zero-dependency, tamper-resistant lock screen overlay with WebAuthn biometrics & intruder camera capture
Most JavaScript screen lock libraries simply hide the UI.
If someone removes an overlay through DevTools or tampers with the DOM, the "security" often disappears. That approach isn't enough for applications handling sensitive enterprise data.
I wanted to build something significantly more resilient.
🚀 Today I'm excited to release **kd-screen-guard (v1.0.1)** on npm.
It's a zero-dependency, tamper-resistant screen security library for Vanilla JavaScript, React, and Vue 3, designed to protect sensitive user sessions during inactivity.
Some of the engineering behind it:
🔐 PBKDF2 (100,000 iterations) for secure key derivation.
👆 Native WebAuthn authentication (Touch ID, Face ID, Windows Hello & YubiKey).
📷 Automatic WebRTC intruder snapshots when security violations are detected.
⚡ Cryptographic operations running inside Web Workers to keep the UI responsive.
🛡️ Self-healing DOM MutationObserver protection against overlay tampering.
Building this project required combining browser cryptography, WebAuthn, WebRTC, Web Workers, accessibility, and client-side security mechanisms into a single lightweight package with **zero external dependencies**.
If you're building enterprise dashboards, admin panels, healthcare, finance, or any application where unattended sessions are a security concern, I'd love to hear your feedback.
🔗 Live Demo:
https://khvichadev.github.io/kd-screen-guard/demo/
📦 npm:
https://www.npmjs.com/package/kd-screen-guard
🐙 GitHub:
https://github.com/KhvichaDev/kd-screen-guard
Feedback, ideas, and contributions are always welcome.
\#JavaScript #TypeScript #CyberSecurity #WebDevelopment #ReactJS #VueJS #OpenSource #npm #WebAuthn #KhvichaDev
#technology #js #programming #dev
Most JavaScript screen lock libraries simply hide the UI.
If someone removes an overlay through DevTools or tampers with the DOM, the "security" often disappears. That approach isn't enough for applications handling sensitive enterprise data.
I wanted to build something significantly more resilient.
🚀 Today I'm excited to release **kd-screen-guard (v1.0.1)** on npm.
It's a zero-dependency, tamper-resistant screen security library for Vanilla JavaScript, React, and Vue 3, designed to protect sensitive user sessions during inactivity.
Some of the engineering behind it:
🔐 PBKDF2 (100,000 iterations) for secure key derivation.
👆 Native WebAuthn authentication (Touch ID, Face ID, Windows Hello & YubiKey).
📷 Automatic WebRTC intruder snapshots when security violations are detected.
⚡ Cryptographic operations running inside Web Workers to keep the UI responsive.
🛡️ Self-healing DOM MutationObserver protection against overlay tampering.
Building this project required combining browser cryptography, WebAuthn, WebRTC, Web Workers, accessibility, and client-side security mechanisms into a single lightweight package with **zero external dependencies**.
If you're building enterprise dashboards, admin panels, healthcare, finance, or any application where unattended sessions are a security concern, I'd love to hear your feedback.
🔗 Live Demo:
https://khvichadev.github.io/kd-screen-guard/demo/
📦 npm:
https://www.npmjs.com/package/kd-screen-guard
🐙 GitHub:
https://github.com/KhvichaDev/kd-screen-guard
Feedback, ideas, and contributions are always welcome.
\#JavaScript #TypeScript #CyberSecurity #WebDevelopment #ReactJS #VueJS #OpenSource #npm #WebAuthn #KhvichaDev
#technology #js #programming #dev
0 reactions
Dubbio veloce di architettura/stile con le classi JS
​
Nel mio motore 2D sto sistemando i componenti UI (tipo BeeButton) e mi è venuto un dubbio su come passare le coordinate al super().
Opzione A (Oggetto opzione)
\\\\\\\`\\\\\\\`\\\\\\
super({ x, y, width, height });
\\\\\\\`\\\\\\\`\\\\\\\`
Opzione B (Parametri singoli standard):
\\\\\\\`\\\\\\\`\\\\\\\`
super( x, y, width, height );
\\\\\\\`\\\\\\\`\\\\\\\`
Voi quale preferite usare nei vostri progetti e perché? Meglio la flessibilità dell'oggetto o la pulizia dei parametri singoli?(Se usate soluzioni alternative tipo super(position, size) fatemelo sapere nei commenti!).
#dev #programming #technology #js
​
Nel mio motore 2D sto sistemando i componenti UI (tipo BeeButton) e mi è venuto un dubbio su come passare le coordinate al super().
Opzione A (Oggetto opzione)
\\\\\\\`\\\\\\\`\\\\\\
super({ x, y, width, height });
\\\\\\\`\\\\\\\`\\\\\\\`
Opzione B (Parametri singoli standard):
\\\\\\\`\\\\\\\`\\\\\\\`
super( x, y, width, height );
\\\\\\\`\\\\\\\`\\\\\\\`
Voi quale preferite usare nei vostri progetti e perché? Meglio la flessibilità dell'oggetto o la pulizia dei parametri singoli?(Se usate soluzioni alternative tipo super(position, size) fatemelo sapere nei commenti!).
#dev #programming #technology #js
0 reactions
0 reactions
KernelPlay-JS v0.4.0 Coming Soon — New UI System and Official Beta Release
I'm excited to announce that KernelPlay-JS v0.4.0 will be releasing soon.
This update introduces a brand-new UI system, making it much easier to create interfaces for games while also marking a major milestone for the engine.
New UI components include:
\- Buttons
\- Text Labels
\- Input Fields
\- Health & Progress Bars
\- Images & Icons
\- Checkboxes
\- Sliders
\- Dynamic UI updates
\- Flexible layouts
Version 0.4.0 will also officially move KernelPlay-JS into Beta.
This marks the transition towards a more stable and feature-complete engine. Future updates will focus on improving performance, expanding the feature set, refining the developer experience, and fixing bugs as the engine continues to mature.
Thank you to everyone who has followed the project's development and shared feedback along the way. More details, documentation, and the release date will be announced soon.
Feedback and suggestions are always welcome.
#dev #js #programming #technology
I'm excited to announce that KernelPlay-JS v0.4.0 will be releasing soon.
This update introduces a brand-new UI system, making it much easier to create interfaces for games while also marking a major milestone for the engine.
New UI components include:
\- Buttons
\- Text Labels
\- Input Fields
\- Health & Progress Bars
\- Images & Icons
\- Checkboxes
\- Sliders
\- Dynamic UI updates
\- Flexible layouts
Version 0.4.0 will also officially move KernelPlay-JS into Beta.
This marks the transition towards a more stable and feature-complete engine. Future updates will focus on improving performance, expanding the feature set, refining the developer experience, and fixing bugs as the engine continues to mature.
Thank you to everyone who has followed the project's development and shared feedback along the way. More details, documentation, and the release date will be announced soon.
Feedback and suggestions are always welcome.
#dev #js #programming #technology
0 reactions
I've made an open source JavaScript playground with support for npm packages, syntax highlighting, autocomplete, code sharing and much more!
#js #dev #programming #technology
#js #dev #programming #technology
0 reactions
Reuse libraries, or let your AI reinvent the wheel?... We think the age of libraries is coming.
#technology #programming #dev #js
#technology #programming #dev #js
0 reactions
Book Recommendations: JS -> React -> TypeScript
Lately I have been casually learning C from "C Programming: A Modern Approach v2" and have really enjoyed it. The truth is I should stay on topic with my profession so here I am.
I am in search of books similar to the one mentioned above for learning JS. The goal is to understand it on a deep enough level to feel very confident and have a real solid foundation for the next step.
The next step is a similar book for deeply learning React and then finally TypeScript.
Yes I am looking for actual books and not online courses or videos or anything like that. I have discovered that reading from a book forces me to slow down and because of that, it sticks.
If you can, chime in with books you have actually read through and not just simply search online or recommend the first one off the top of your head. Bonus points if you have read the C Programming book and understand the style I am talking about.
Thank you.
#technology #programming #dev #js
source
Lately I have been casually learning C from "C Programming: A Modern Approach v2" and have really enjoyed it. The truth is I should stay on topic with my profession so here I am.
I am in search of books similar to the one mentioned above for learning JS. The goal is to understand it on a deep enough level to feel very confident and have a real solid foundation for the next step.
The next step is a similar book for deeply learning React and then finally TypeScript.
Yes I am looking for actual books and not online courses or videos or anything like that. I have discovered that reading from a book forces me to slow down and because of that, it sticks.
If you can, chime in with books you have actually read through and not just simply search online or recommend the first one off the top of your head. Bonus points if you have read the C Programming book and understand the style I am talking about.
Thank you.
#technology #programming #dev #js
source
0 reactions
ui-date: A 1.6kB, zero-dependency JavaScript date & relative time utility
I wanted to share a small open-source project I just published called `ui-date`.
While working on a social media project, I kept bumping into simple UI needs like displaying relative timestamps (*"5 mins ago"*, *"2 hours ago"*), cleanly formatting calendar dates, and doing simple status checks (*isToday*).
exact date formatting for events ui ('Thursday 23,july,2026').
Normally, I'd reach for a date library, but most established options felt like overkill for basic UI formatting, while heavy legacy options like Moment carry massive bundle weight. On the flip side, writing raw `Intl` and `Date` boilerplate across every component was getting tedious.
I wanted something **featherlight**, **chainable**, and **fully typed** without dragging in extra dependencies.
so i built ui-date.
you can check it here : https://www.npmjs.com/package/ui-date
#js #programming #dev #technology
I wanted to share a small open-source project I just published called `ui-date`.
While working on a social media project, I kept bumping into simple UI needs like displaying relative timestamps (*"5 mins ago"*, *"2 hours ago"*), cleanly formatting calendar dates, and doing simple status checks (*isToday*).
exact date formatting for events ui ('Thursday 23,july,2026').
Normally, I'd reach for a date library, but most established options felt like overkill for basic UI formatting, while heavy legacy options like Moment carry massive bundle weight. On the flip side, writing raw `Intl` and `Date` boilerplate across every component was getting tedious.
I wanted something **featherlight**, **chainable**, and **fully typed** without dragging in extra dependencies.
so i built ui-date.
you can check it here : https://www.npmjs.com/package/ui-date
#js #programming #dev #technology
0 reactions
Best practices for Javascript Local Dev Environment
I'm currently developing an internal tool to do work reporting. I know a lot of tool exists, but we do have specific requirements and there's already an MS Access database, which I can migrate into the new tool as well as use most of the tables as a data source.
About me: I have experience with Javascript, HTML, CSS/SCSS/SASS, PHP, SQL. I want to optimize it, but since I mostly code in my freetime, I find it hard to make "the right decisions" in terms of efficiency. Maybe you guys might recommend me something about my setup. I don't want to use anything like Angular, React and Vue at the moment. Also no NextJS as I think it's overkill.
At the moment, I have a structure like:
\- API (ExpressJS, SQLite, Drizzle ORM)
\--> Delivering all data as needed in frontend (also annual reports and stuff)
\- Frontend (Vite for live-reload/server, Vanilla JS with own templating engine and router)
\--> Employees log in to keep track of their working hours per project/customer
\--> Dashboard for admin users to create reports
All this run's in a docker with two services.
It currently runs alright, but I think there might be a few little things to optimize my setup. Especially when going into production.
What's your best practices? I want all this stuff to be as lean as possible without a lot of dependencies. My frontend doesn't need anything since I've already done all of the things, but I'm not very happy with the API/Backend part.
I also don't want to run every service on it's own, since using one docker command is fine. Live codeing while docker is running also works fine so far (except when installing new packages via npm, then I need to rebuild).
What would you do to optimize the setup? Already asked AI but I think you guys might have better inputs.
#js #dev #technology #programming
source
I'm currently developing an internal tool to do work reporting. I know a lot of tool exists, but we do have specific requirements and there's already an MS Access database, which I can migrate into the new tool as well as use most of the tables as a data source.
About me: I have experience with Javascript, HTML, CSS/SCSS/SASS, PHP, SQL. I want to optimize it, but since I mostly code in my freetime, I find it hard to make "the right decisions" in terms of efficiency. Maybe you guys might recommend me something about my setup. I don't want to use anything like Angular, React and Vue at the moment. Also no NextJS as I think it's overkill.
At the moment, I have a structure like:
\- API (ExpressJS, SQLite, Drizzle ORM)
\--> Delivering all data as needed in frontend (also annual reports and stuff)
\- Frontend (Vite for live-reload/server, Vanilla JS with own templating engine and router)
\--> Employees log in to keep track of their working hours per project/customer
\--> Dashboard for admin users to create reports
All this run's in a docker with two services.
It currently runs alright, but I think there might be a few little things to optimize my setup. Especially when going into production.
What's your best practices? I want all this stuff to be as lean as possible without a lot of dependencies. My frontend doesn't need anything since I've already done all of the things, but I'm not very happy with the API/Backend part.
I also don't want to run every service on it's own, since using one docker command is fine. Live codeing while docker is running also works fine so far (except when installing new packages via npm, then I need to rebuild).
What would you do to optimize the setup? Already asked AI but I think you guys might have better inputs.
#js #dev #technology #programming
source
0 reactions
Quickdraw: a zero-dependency infinite-canvas whiteboard engine in plain ESM — with React and React Native bindings
#dev #js #technology #programming
#dev #js #technology #programming
