DEV Community: Iren Korkishko

Computer vision for cashierless checkout

Iren Korkishko — Thu, 15 Jun 2023 18:30:25 +0000

Hey fellows! I want to hear your thoughts about the Cashierless Checkout we've made. This solution based on object recognition and aimed at eliminating the need for traditional manned checkout counters, allowing customers to enjoy their shopping experience.

For this Cashielress Checkout we utilized computer vision algorithms to accurately identify the items chosen by customers, calculate the total cost, and securely process payments. The software processes video stream in real-time, so after the product item crosses the counting line its quantity in the shopping bill is incremented. Accuracy we have reached is about 97%.

https://www.youtube.com/watch?v=lEWFmKI5RYY&t=1s – here is the example of how it works.

When working on item recognition, we took into account:

accommodating various product sizes,
shapes, and
packaging types across different retail sectors.
Also, product overlapping.

By implementing Cashierless Checkout, retailers can optimize operations, reduce staffing costs, and redirect resources to other critical areas.

Your opinion needed of what else we can take into account to improve the solution. Thanks!

Computer vision-based movement analysis for physical rehabilitation software

Iren Korkishko — Mon, 24 Apr 2023 17:35:02 +0000

In the past, motion analysis for physical therapy required markers or sensors and expensive cameras. However, new AI-based pose detection technology allows for real-time, high-accuracy motion tracking with just a built-in camera, enabling improved musculoskeletal outcomes for patients.
My team developed a markerless pose detection technology to be integrated to telerehabilitation solutions used by MSK physical therapists.
Here is a prompt video how this technology tracks an exercise performance: https://www.youtube.com/shorts/uEQdF2OqqTE

We built it keeping in mind that most of the competitors reach the needed accuracy with the help of bulky sensors and special cameras.

What we wanted to reach with our technology – is to make it device-independent, sensorless yet accurate and being able to process MSK screening in real-time.

And while we're still working towards adding more complex movements to check the motion analysis process you're all welcome to evaluate the idea and share you feedback on what we've done.

p.s. In future we're about to expand the technology for wide range of MSK exercises and:

Add age and gender normative analysis
Automatic day-to-day progress comparison
ML-generated exercises’ recommendation, e.g. actionable plans to improve joints’ functional status
Asymmetries collecting with visual alerts
Skeleton graph and measurement

Suggestions and ideas are welcome!

60 most popular JS repositories on GitHub in July and August 2020

Iren Korkishko — Mon, 14 Sep 2020 08:23:07 +0000

For this digest, I reviewed more than 500 open-source JS projects on GitHub. And it was pretty hard to choose only 60. Sorry for the late update, but it is better than never.

You could have known and use many of these repositories before. But also, among these 60, you will find some new and brilliant stuff that can benefit your work or inspire you. Some of us were faster in creating nice stuff and earning stars on GitHub :).

26 most popular Ruby/Rails repositories on GitHub in July-August 2020

Iren Korkishko — Sat, 05 Sep 2020 20:42:38 +0000

This is the second edition of the renewed Ruby/Rails digest. As some of you know, I’ve stopped making Rails digests since last year. But in June, I had officially come back to my favorite monitoring. I decided to put together July and August digests because there wasn’t much activity in between. Please, welcome the most popular, most interesting, and useful Ruby on Rails repositories on GitHub in July and August!

My mission here is to put together all the well-known or newly-made Ruby/Rails repositories on GitHub that were popular among developers this July and August.

Please meet the most popular and the most interesting Ruby/Rails repositories in July and August 2020:

Grape is a REST-like API framework for Ruby. It’s designed to run on Rack or complement existing web application frameworks such as Rails and Sinatra by providing a simple DSL to easily develop RESTful APIs. 9,200 stars by now
Brakeman is a static analysis tool that checks Ruby on Rails applications for security vulnerabilities. 5,800 stars by now
Chartkick helps you to create beautiful JavaScript charts with one line of Ruby. 5,600 stars by now
FriendlyId is the “Swiss Army bulldozer” of slugging and permalink plugins for ActiveRecord. It allows you to create pretty URL’s and work with human-friendly strings as if they were numeric ids for ActiveRecord models. 5,500 stars by now
React on Rails is an integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance. 4,558 stars by now
Clearance is a Rails authentication with email & password. It is intended to be small, simple, and well-tested. It has opinionated defaults but is intended to be easy to override. 3,321 stars by now
Ancestry is a gem that allows the records of a Ruby on Rails ActiveRecord model to be organized as a tree structure (or hierarchy). It employs the materialized path pattern and exposes all the standard tree structure relations (ancestors, parent, root, children, siblings, descendants), allowing all of them to be fetched in a single SQL query. 3,136 stars by now
counter_culture is a turbo-charged counter cache for your Rails app. 1,301 stars by now
ROTP (The Ruby One Time Password Library) is a Ruby library for generating and validating one time passwords (HOTP & TOTP) according to RFC 4226 and RFC 6238. It is compatible with Google Authenticator available for Android and iPhone and any other TOTP based implementations. 1,217 stars by now
TTY::Prompt is a powerful interactive command line prompt. It provides an independent prompt component for TTY toolkit. 1,133 stars by now
Squib is a Ruby DSL for prototyping card and board games. Write a little bit of Ruby, define your deck’s stats, then compile your game into a series of images ready for print-and-play or even print-on-demand. 833 stars by now
MultiJSON is a generic swappable back-end for JSON handling. 710 stars by now
Rainbow is a ruby gem for colorizing printed text on ANSI terminals. It provides a string presenter object, which adds several methods to your strings for wrapping them in ANSI escape codes. 669 stars by now
Restforce is a Ruby client for the Salesforce REST API. 643 stars by now
TrueMail is a Configurable framework-agnostic plain Ruby email validator. Verify email via Regex, DNS, and SMTP. Be sure that the email address valid and exists. 548 stars by now
OmniAuth OAuth2 is a gem that contains a generic OAuth2 strategy for OmniAuth. It is meant to serve as a building block strategy for other strategies and not to be used independently (since it has no inherent way to gather uid and user info). 404 stars by now
Motion is a Reactive frontend UI components for Rails in pure Ruby. It allows you to build reactive, real-time frontend UI components in your Rails application using pure Ruby. 303 stars by now
Refinery CMS Blog is a blogging engine for Refinery CMS. 299 stars by now
Racecar is a friendly and easy-to-approach Kafka consumer framework. It allows you to write small applications that process messages stored in Kafka topics while optionally integrating with your Rails models. 279 stars by now
Rails::Auth is a modular resource-based authentication and authorization for Rails/Rack designed to support microservice authentication and claims-based identity. 264 stars by now
Torch.rb is deep learning for Ruby. 242 stars by now
TelephoneNumber is global phone number validation gem based on Google’s libphonenumber library. 225 stars by now
Bmg is a relational algebra implemented as a ruby library. It implements the Relation as First-Class Citizen paradigm contributed with Alf a few years ago. 168 stars by now
Bridgetown is a Webpack-aware, Ruby-powered static site generator for the modern Jamstack era. Bridgetown takes your content and frontend assets, renders Markdown and Liquid templates, and exports a complete website ready to be served by Jamstack services like Netlify or traditional web servers like Nginx. 168 stars by now
Gammo provides a pure Ruby HTML5-compliant parser and XPath support for traversing the DOM tree built by Gammo. 147 stars by now
TTY::Box provides box drawing component for TTY toolkit. 142 stars by now

If you have a Ruby/Rails project to share — let me know!

You can find my previous digest here.

34 most popular JS repositories on GitHub in June 2020

Iren Korkishko — Sat, 18 Jul 2020 19:30:51 +0000

It’s better late than never. So despite it is late July, I’ve prepared the monthly GitHub open source JS projects rating for June. Please meet the list of the most popular and useful JavaScript repositories!

You could have known and use many of these repositories before. But also, among these 34, you will find some new and brilliant stuff that can benefit your work or inspire you.

Most popular JS repositories in June 2020

Johnny-Five is an open-source, Firmata Protocol based, IoT and Robotics programming framework. 11,677 stars by now
TOAST UI Editor is a markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 11,393 stars by now
Karma is a simple tool that allows you to execute JavaScript code in multiple real browsers. The main purpose of Karma is to make your test-driven development easy, fast, and fun. 11,234 stars by now
Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser with support for symbolic computation, comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types like numbers, big numbers, complex numbers, fractions, units, and matrices. Powerful and easy to use. 10,094 stars by now
Nock is an HTTP server mocking and expectations library for Node.js. 9,747 stars by now
React Query is a repository with hooks for fetching, caching, and updating asynchronous data in React. 9,483 stars by now
discord.js is a powerful Node.js module that allows you to easily interact with the Discord API. 6,326 stars by now
React Date Picker is a simple and reusable Datepicker component for React. 4,935 stars by now
Elasticsearch Node.js client — Official Elasticsearch client library for Node.js. 4,307 stars by now
Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp’s dependency-tree is used for extracting the dependency tree. 4,064 stars by now
thelounge is a modern, responsive, cross-platform, self-hosted web IRC client. 3,723 stars by now
patch-package lets app authors instantly make and keep fixes to npm dependencies. 3,627 stars by now
npkill help you to list any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space. 3,395 stars by now
tabulator is the Interactive Tables and Data Grids for JavaScript. 3,390 stars by now
Scribbletune is a free and open-source Node.js module that helps you construct musical ideas with JavaScript and export them as MIDI files. 3,160 stars by now
ms is a tiny milisecond conversion utility. 3,014 stars by now
Perspective is an interactive visualization component for large, real-time datasets. Perspective makes it simple to build real-time & user-configurable analytics entirely in the browser. Use it to create reports, dashboards, notebooks, and applications, with static data or streaming updates via Apache Arrow. 2,713 stars by now
Grid.js is a table library that works everywhere. 2,273 stars by now
DOM Testing Library is a simple and complete DOM testing utilities that encourage good testing practices. 2,219 stars by now
Lightweight Charts — Financial lightweight charts built with HTML5 canvas. 2,099 stars by now
keen-slider is a free library agnostic touch slider with native touch/swipe behavior and great performance. It comes with no dependencies, typescript support, multi-touch support and is compatible with all common browsers including IE 10. 1,966 stars by now
redaxious is the Axios API, as an 800 byte Fetch wrapper. 1,815 stars by now
TOAST UI Grid is a powerful widget that allows you to visualize and edit data via its table representation. 1,526 stars by now
node-ldapjs (reimagining LDAP for Node.js) is a LDAP Client and Server API for Node.js. 1,232 stars by now
docx library allows you to generate .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser. 1,136 stars by now.
Kleur is a Node.js library for formatting terminal text with ANSI colors. 1,029 stars by now
sitemap.js is a high-level streaming sitemap-generating library/CLI that makes creating sitemap XML files easy. 1,026 stars by now
terminal-image displays images in the terminal. 701 stars by now
Vest is a validations library for JS apps that derives its syntax from modern JS frameworks such as Mocha or Jest. It is easy to learn due to its use of already common declarative patterns. It works great with user-input validation and with validating upon user interaction to provide the best possible user experience. 658 stars by now
janeway is a Node.js console REPL with object inspection and many other features. 371 stars by now
Rando.js helps JavaScript developers code randomness more simply, readably, and securely. Whether you need to find a random int/float between two numbers, pick a random value from an array, choose a random element from your jQuery object, grab a character from a string, toss a coin, or do anything of the like while even preventing repetitions, we’ve got you covered at a cryptographically strong level. 350 stars by now
tragopan is minimal dependency-free pan/zoom library. 324 stars by now
js-coroutines — 60fps with Javascript Coroutines for idle processing and animation. 273 stars by now
tzdb is a list and npm package of: ”simplified” IANA time zones with their alternative names like Pacific Time instead of America/Los_Angeles, along with major cities for each time zone; all existing raw IANA time zones names; “raw” offsets along with current time offsets. 224 stars by now.

Thank you for reading!

If you have interesting JS projects on GitHub — share them with me!

Ruby on Rails digest: 26 most popular repositories in June 2020

Iren Korkishko — Sun, 12 Jul 2020 20:45:05 +0000

I’ve stopped making Rails digests since last year. But today, I’m officially coming back to my favorite monitoring. Please, welcome the most popular, most interesting, and useful Ruby on Rails repositories on GitHub.
Tnx to @drbragg for reminding me of Rails digest!

My mission here is to put together all the well-known or newly-made Ruby/Rails repositories on GitHub that were popular among developers this June.

Please meet the most popular and the most interesting Ruby/Rails repositories in June:

Chatwoot is a customer support tool for instant messaging channels that can help businesses to provide customer support. 4,311 stars by now
Octobox helps you manage your GitHub notifications efficiently so you can spend less time managing and more time getting things done. 3,946 stars by now
redis-rb is a Ruby client library for Redis. 3,569 stars by now
Ahoy is first-party analytics for Rails. Track visits and events in Ruby, JavaScript, and native apps. Data is stored in your database by default so you can easily combine it with other data. 3,021 stars by now
Shoulda Matchers is a simple one-liner tests for common Rails functionality. It provides RSpec- and Minitest-compatible one-liners to test common Rails functionality that, if written by hand, would be much longer, more complex, and error-prone. 2,873 stars by now
Foreman is a free open source project for automating repetitive tasks, deploying applications, and managing servers' life cycle, on-premises or in the cloud. 1,851 stars by now
Coverband is a gem to measure production code usage, showing a counter for the number of times each line of code that is executed. It allows easy configuration to collect and report on production code usage. It reports in the background via a thread or can be used as Rack middleware, or manually configured to meet any need. 1,635 stars by now
ValidatesTimeliness is a date and time validation plugin for ActiveModel and Rails. Supports multiple ORMs and allows custom date/time formats. 1,270 stars by now
ActiveRecord SQL Server Adapter. 898 stars by now
Ridgepole is a tool to manage DB schema. It defines DB schema using Rails DSL and updates DB schema according to DSL. 745 stars by now
Capistrano::Rails — Official Ruby on Rails specific tasks for Capistrano. 741 stars by now
ActiveType stands for making any Ruby object quack like ActiveRecord. 740 stars by now
GitHub::DS is a collection of Ruby libraries for working with SQL on top of ActiveRecord’s connection. 557 stars by now
childprocess is a cross-platform Ruby library for managing child processes.This gem aims at being a simple and reliable solution for controlling external programs running in the background on any Ruby / OS combination. 499 stars by now
Autolab is a course management service, initially developed by a team of students at Carnegie Mellon University, that enables instructors to offer autograded programming assignments to their students over the Web. The two key ideas in Autolab are autograding, that is, programs evaluating other programs, and scoreboards. 468 stars by now
Comma is a small CSV (i.e. comma-separated values) generation extension for Ruby objects, that lets you seamlessly define a CSV output format via a small DSL. 438 stars by now
RuboCop Rails is a RuboCop extension focused on enforcing Rails best practices and coding conventions. 351 stars by now
rails-k8s-demo is an easy Rails on Kubernetes approach for Digital Ocean and a classic Rails stack: Puma, Redis, Sidekiq, Postgres, Action Cable, Webpacker. 243 stars by now
Amazing Print is a fork of AwesomePrint which became stale and should be used in its place to avoid conflicts. It is a Ruby library that pretty prints Ruby objects in full color exposing their internal structure with proper indentation. 231 stars by now
ROXML is a module for binding Ruby classes to XML. It supports custom mapping and bidirectional marshalling between Ruby and XML using annotation-style class methods, via Nokogiri or LibXML. 205 stars by now
Pallets repository is a simple workflow engine, written in Ruby. 185 stars by now
Regexp::Parser is a Ruby gem for tokenizing, parsing, and transforming regular expressions. 88 stars by now
fotr-activerecord is an easy way to use ActiveRecord “off the rails.” Works with Grape, Sinatra, plain old Rack, or even in a boring little script. 62 stars by now
fruby-docker-skeleton repository contain a skeleton for creating an app that can run in both Docker, Podman and in the shell. 48 stars by now
TestBench is a principled test framework for Ruby aiming to offer precisely what is needed to test well-designed code effectively and easily. 34 stars by now
Puma::NewRelic is a repository for Puma stats sampler for New Relic. 28 stars by now

Hope you will find here some useful project that will help you in your work!

p.s. Have a repository to share with me? I’ll be happy to include it to my next Rails digest.

33 Most popular JS repositories on GitHub in May 2020

Iren Korkishko — Sun, 14 Jun 2020 18:12:46 +0000

More and more projects are added to open source for your benefit. This is a great practice to use the achievements of other developers in your project. What is tricky — there are many repositories with the same purpose that are equally awesome. In my JS digest, I was trying to pick only the most interesting and useful. In May, this list consists of 33 of them.

Most popular JS repositories in May 2020

reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create presentations for free. 52,141 stars by now
ws is simple to use, fast, and thoroughly tested WebSocket client and server implementation for Node.js. 14,209 stars by now
Fuse.js is a lightweight fuzzy-search, in JavaScript, with zero dependencies. 10,668 stars by now
TestCafe is a Node.js tool to automate end-to-end web testing.Write tests in JS or TypeScript, run them, and view results. 8,215 stars by now
Ajv is a fast JSON Schema validator for Node.js and browser. 7,537 stars by now
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone while being compatible with the newest features of React. 6,912 stars by now
React Autosuggest is a WAI-ARIA compliant React autosuggest component. 5,140 stars by now
GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. 4,403 stars by now
Rough Notation is a small JavaScript library to create and animate annotations on a web page. 3,843 stars by now
Responsively App is a modified browser built using Electron that helps in responsive web development. 3,695 stars by now
Gestalt is a set of React UI components that enforces Pinterest’s design language. 3,523 stars by now
React-Leaflet is a repository with React components for Leaflet maps. 3,056 stars by now
webpack-blocks is a repository that provides functional building blocks for your webpack config: easier way to configure webpack and to share configuration between projects. 2,929 stars by now
tailblocks — Ready-to-use Tailwind CSS blocks. 2,681 stars by now
Beekeeper Studio is a free and open source SQL editor and database manager. It is cross-platform and available for Linux, Mac, and Windows. 2,169 stars by now
editly is a tool and framework for declarative NLE (non-linear video editing) using Node.js and FFmpeg. It allows you to easily and programmatically create a video from a set of clips, images, and titles. 1,848 stars by now
git-js is a lightweight interface for running git commands in any node.js application. 1,788 stars by now
useWorker is a React Hook for blocking-free background tasks. 1,675 stars by now
Peaks.js is a client-side JavaScript component to display and interact with audio waveforms in the browser. 1,651 stars by now
Kea is a production ready state management for React. 1,614 stars by now
htmx allows you to access AJAX, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext. 1,549 stars by now
Scully pre-renders each page in your app to plain HTML & CSS. To do this, Scully uses machine learning techniques to find all of the routes in your project. Then it visits each route, rendering the view and saving it to an HTML file. 1,446 stars by now.
Perfume.js is a tiny, web performance monitoring library that reports field data back to your favorite analytics tool. 1,332 stars by now
umi-request is the network request library, based on fetch encapsulation, combines the features of fetch and axios to provide developers with a unified api call method, simplifying usage, and providing common functions such as caching, timeout, character encoding processing, and error handling. 1,007 stars by now
tracer is a powerful and customizable logging library for Node.js. 996 stars by now
Vue Formulate is the easiest way to build forms with Vue. 946 stars by now
i18n-ally stands for all-in-one i18n extension for VS Code. 940 stars for now
React PIXI is used for writing PIXI apps using React declarative style. 793 stars by now
react-notion is a fast React renderer for Notion pages. 717 stars by now.
CAC (Command And Conquer) is a JavaScript library for building CLI apps. 675 stars by now
Serverless MySQL is a wrapper for Doug Wilson’s mysql Node.js module. 622 stars by now.
fdir is a fast directory crawler & globbing library for Node.js. Crawls 1m files in < 1s. 537 stars by now.
LoveIt is a clean, elegant but advanced blog theme for Hugo. 456 stars by now

Thank you for reading!

If you have interesting JS projects on GitHub — share them with me!

51 Most popular JS repositories on GitHub in March and April 2020 (during quarantine)

Iren Korkishko — Sat, 02 May 2020 14:41:30 +0000

First of all, nobody expected a lockdown. Nobody expected all the businesses will be paused or shifted to a total remote mode. And if most of the professions suffer from the lost opportunities and quarantine restrictions, developers (as they did so before for many years already) are the most used to ‘work from home’ people. And the new situation affected them not as much as others.

However, many of my friends working with aviation or travel, stayed without work. I hope, you all are ok.

I haven’t released March JS digest because of the start of the quarantine — I had a lot of work to do, and I suppose, many of you were busy with more important stuff than comparing and seeking for the best open source projects.

But now the situation is a bit better and I found some time to monitor what exactly had happened with JS repositories on GitHub in these two months, and what developers prefer for their projects when working from home.

Hence, we can grasp an overall situation and predict some trends to be followed in May. Stay safe!

Most popular JS repositories in March and April 2020

Gatsby is a free and open source framework based on React that helps developers build websites and apps. 34,978 stars by now.
marked.js is a markdown parser and compiler. Built for speed. 22,199 stars by now.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features, and process isolation. 17,842 stars by now.
Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way. It is based on the copy-on-write mechanism. 16,266 stars by now.
Playwright is a Node library to automate Chromium, Firefox, and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable, and fast. 11,667 stars by now.
plotly.js is an open-source JavaScript charting library behind Plotly and Dash. 11,600 stars by now.
FullCalendar is a full-sized drag & drop JavaScript event calendar. 11,168 stars by now.
Trianglify is a library that creates algorithmically generated triangle art (SVG background). 9,302 stars by now.
Nano ID is a tiny (108 bytes), secure, URL-friendly, unique string ID generator for JavaScript. 9,129 stars by now.
MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. 8,705 stars by now.
Bull is a Redis-based queue package for handling distributed jobs and messages in NodeJS. 8,237 stars by now.
Rome is an experimental JavaScript toolchain. It includes a compiler, linter, formatter, bundler, testing framework, and more. It aims to be a comprehensive tool for anything related to the processing of JavaScript source code. 8,193 stars by now.
ioredis is a robust, performance-focused, and full-featured Redis client for Node.js. 7,505 stars by now.
Tippy.js is a tooltip, popover, dropdown, and menu solution for the web. 7,352 stars by now.
Alpine.js is a rugged, minimal framework for composing JavaScript behavior in your markup. 7,050 stars by now.
ts-node is a TypeScript execution and REPL for Node.js. 6,630 stars by now.
Rickshaw is a JavaScript toolkit for creating interactive time-series graphs, developed at Shutterstock. 6,446 stars by now.
Excalidraw is a whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel. 6,115 stars by now.
fkill-cli library stands for ‘Fabulously kill processes’. Cross-platform. 6,077 stars by now.
ora is an elegant terminal spinner. 5,927 stars by now.
Prompts is a library that stands for lightweight, beautiful, and user-friendly interactive prompts. 5,800 stars by now.
query-string helps you to parse and stringify URL query strings. 4,722 stars by now.
isomorphic-git is a pure JavaScript reimplementation of git that works in both Node.js and browser JavaScript environments. It can read and write to git repositories, fetch from and push to git remotes (such as GitHub), all without any native C++ module dependencies. 4,696 stars by now.
node-notifier is a Node.js module for sending notifications on native Mac, Windows, and Linux (or Growl as fallback). 4,454 stars by now.
Backstage is an open platform for building developer portals. It unifies all your infrastructure tooling, services, and documentation with a single, consistent UI. 4,011 stars by now.
react-ga is a JavaScript module that can be used to include Google Analytics tracking code in a website or app that uses React for its frontend codebase. It does not currently use any React code internally but has been written for use with a number of Mozilla Foundation websites that are using React, as a way to standardize our GA Instrumentation across projects. 3,723 stars by now.
jExcel is a lightweight vanilla javascript plugin to create web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software. 3,629 stars by now.
AutoCannon is an HTTP/1.1 benchmarking tool written in Node, with support for HTTP pipelining and HTTPS. 3,604 stars by now.
Dinero.js is a library for working with monetary values in JavaScript. 3,590 stars by now.
Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease. 3,341 stars by now.
franc is s natural language detection. 3,334 stars by now.
webpack-blocks is a library that helps you by providing functional building blocks for your webpack config: easier way to configure webpack and to share configuration between projects. 2,820 stars by now.
hotkey to trigger an action on a target element when a key or sequence of keys is pressed on the keyboard. This triggers a focus event on form fields or a click event on others. 2,041 stars by now.
Serialize JavaScript to a superset of JSON that includes regular expressions and functions. 2,012 stars by now.
React Easy State is a simple React state management. 2,006 stars by now.
Qoa is a minimal interactive command-line prompts. The library utilizes a simple & minimal usage syntax and contains 7 configurable console interfaces, such as plain text, confirmation & password/secret prompts as well as single keypress, quiz & multiple-choice navigable menus. 1,931 stars by now.
kasaya is a “WYSIWYG” scripting language and runtime for browser automation. 1,808 stars by now.
match-sorter is a simple, expected, and deterministic best-match sorting of an array in JavaScript. 1,788 stars by now.
Crank.js helps you to write JSX-driven components with functions, promises, and generators. 1,622 stars by now.
Ervy brings charts to terminal. 1,481 stars by now.
iHateRegex.io is a regex cheat sheet for the haters. This project gives you a visual representation of regular expressions, embed regular expression visualization on your sites, code highlighting and validation, and more. 1,479 stars by now.
Stryker is a mutation testing for JavaScript and friends. 1,469 stars by now.
react-enroute is a simple React router with a small footprint for modern browsers. This package is not meant to be a drop-in replacement for react-router, just a smaller simpler alternative. 1,441 stars by now.
OpenChakra is a visual editor and code generator for React using Chakra UI. You can draft components with the simple drag and drop UI. 1,429 stars by now.
jest-dom stands for custom jest matchers to test the state of the DOM. 1,417 stars by now.
Notyf is a minimalistic JavaScript library for toast notifications. It’s responsive, A11Y compatible, dependency-free and tiny (~3KB). Easy integration with React, Angular, and Vue. 1,361 stars by now.
on-change allows you to watch an object or array for changes. 1,354 stars by now.
React Awesome Slider is a 60fps content transition slider that renders an animated set of production-ready UI general-purpose sliders. 1,317 stars by now.
Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible. It's built on top of Three.JS. 1,254 stars by now.
Uppload is a JavaScript image uploader. It’s highly customizable with 30+ plugins, completely free and open-source, and can be used with any file uploading backend. 1,235 stars by now.
telebot is a library supporting an easy way to write Telegram bots in Node.js. 898 stars by now.

Thank you for reading!

How your work is affected by the quarantine?

Iren Korkishko — Sat, 04 Apr 2020 10:04:16 +0000

Talking about the company I work for, we’re not yet affected by the situation. Mainly because the core industries we are working for are fintech, healthcare and proptech. The first two are quite in demand now.
But several of my friends received notifications that they will fork for their firms just until the July 2020. Their employers will no longer get investments. Well, they worked for air carriers. But there are many other industries such as tourism, HR, etc. which also suffer now. Logistics has a potential but who will start their business from scratch now?
What is your situation? Is your industry suffers from the COVID-19 outbreak?

30 most popular JavaScript repositories on GitHub in February 2020

Iren Korkishko — Wed, 11 Mar 2020 20:49:24 +0000

First of all, thank you all for reading my digests! I try to collect and refine the most prominent JS projects you can use for your advantage. And, of course, this is a lot of fun monitoring how the ecosystems changes and grow. If I missed something interesting — let me know!
Here we go!

Most popular JS repositories in February 2020

date-fns is a JavaScript date utility library that provides a comprehensive, simple and consistent toolset for manipulating JavaScript dates in a browser and Node.js. 21,603 stars by now.
React Admin is a frontend framework for building admin applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design. 11,840 stars by now.
FullCalendar is a full-sized drag & drop JavaScript event calendar. 10,879 stars by now.
Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API. It enables cross-browser web automation that is ever-green, capable, reliable and fast. 10,425 stars by now.
x-spreadsheet is a web-based JavaScript (canvas) spreadsheet. 7,991 stars by now.
Adonis.js is a fullstack web framework with a focus on ergonomics and speed. It takes care of much of the Web development hassles, offering you a clean and stable API to build Web apps and microservices. 7,856 stars by now.
SWR is a React Hooks library for remote data fetching. 7,534 stars by now.
Rome is an experimental JS toolchain. It includes a compiler, linter, formatter, bundler, testing framework and more. It aims to be a comprehensive tool for anything related to the processing of JavaScript source code. 6,606 stars by now.
Agenda.js is a lightweight job scheduling for Node.js. 6,305 stars by now.
tiny-care-terminal is a little dashboard that tries to take care of you when you’re using your terminal. 5,773 stars by now.
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour. 4,885 stars by now.
React Query — hooks for fetching, caching and updating asynchronous data in React. 4,740 stars by now.
esbuild is a JavaScript bundler and minifier. It packages up JavaScript code for distribution on the web. 4,089 stars by now.
Thelounge is a modern, responsive, cross-platform, self-hosted web IRC client. 3,530 stars by now.
Release it is a Generic CLI tool to automate versioning and package publishing-related tasks. 2,948 stars by now.
react-tabs is an accessible and easy tab component for React.js. 2,024 stars by now.
React Carousel Image Gallery component with thumbnail support. 2,022 stars by now.
Serialize JavaScript to a superset of JSON that includes regular expressions and functions. 1,951 stars by now.
Kasaya is a “WYSIWYG” scripting language and runtime for browser automation. 1,691 stars by now.
material-table is a simple and powerful Datatable for React based on Material-UI Table with some additional features. 1,645 stars by now.
Destiny is a ‘Prettier’ for File Structures — Scans a folder’s contents, creating a graph based on how the JS/TS files import each other, moving files as needed, then builds a “prettified” file structure. 1,356 stars by now.
Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible. It’s built on top of Three.JS. 1,038 stars by now.
plink-plonk.js — Listen to Web Pages As Their DOM Changes. Run this code at a console on a ‘busy’ Web page with lots of DOM changes and updates and you’ll be able to ‘hear’ them taking place. 952 stars by now.
massCode is a free and open-source code snippets manager for developers. 894 stars by now.
Vendure is a headless GraphQL eCommerce framework built on Node.js with Nest & TypeScript, with a focus on developer productivity and ease of customization. 769 stars by now.
GitHub Actions Toolkit is an opinionated alternative to (and a wrapper around) the official toolkit. actions/toolkit makes many features optional in the interest of performance, so you may prefer to use it instead of this library. 760 stars by now.
Gitexplorer helps you to find the right git commands without digging through the web. 717 stars by now.
Lion web components is a set of highly performant, accessible and flexible Web Components. They provide an unopinionated, white-label layer that can be extended to your own layer of components. 706 stars by now.
Nano Events is a simple and tiny event emitter library for JavaScript. 664 stars by now.
NodeCG is a broadcast graphics framework and application. It enables you to write complex, dynamic broadcast graphics using the web platform. NodeCG has no graphics or drawing primitives of its own. Instead, NodeCG provides a structure for your code and an API to facilitate moving data between the dashboard, the server, and your graphics. 651 stars by now.

Thank you for reading!

36 most popular JavaScript repositories on GitHub in January 2020

Iren Korkishko — Tue, 11 Feb 2020 15:45:46 +0000

It’s been a while since my last JS digest, but now I eventually got some time to make up my mind and to create a chart with JS projects I’ve been monitoring for some time.

Most popular JS repositories in January 2020

puppeteer is a well-known Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default but can be configured to run full (non-headless) Chrome or Chromium. 58,405 stars by now.
Deno (you might hear about it earlier) is a secure runtime for JavaScript and TypeScript. The question is will Deno become the next big thing after Node.js? 43,979 stars by now.
Meteor is an ultra-simple environment for building modern web applications. 41,547 stars by now.
Mocha is a simple, flexible, fun javascript test framework for node.js & the browser. 18,960 stars by now.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that lets you write tests more effectively. 17,510 stars by now.
popper-core is a tooltip and popover positioning engine that automatically puts the tooltip in the right place near the button. 14,074 stars by now.
Rough.js is a 9kB graphics library for drawing in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. 12,797 stars by now.
Proton Native is a React environment for cross-platform desktop apps. 9,845 stars by now.
UUID helps you to Generate RFC-compliant UUIDs in JavaScript. 8,595 stars by now.
Spectacle is a ReactJS-based Presentation Library. 8,234 stars by now.
Cube.js is an open-source modular framework to build analytical web applications. It is primarily used to build internal business intelligence tools or to add customer-facing analytics to an existing application. 7,242 stars by now.
pnpm is a fast, disk space-efficient package manager. 7,159 stars by now.
Snowpack is used to build web applications with less tooling and 10x faster iteration. No bundler required. 6,179 stars by now.
React Cosmos is a dev environment for building scalable, high-quality user interfaces. 5,918 stars by now.
Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. 4,853 stars by now.
vue-interactive-paycard is a credit card form with smooth micro-interactions. Includes number formatting, validation, and automatic card type detection. Built with Vue.js and also fully responsive. 4,372 stars by now.
OctoLinker is a browser extension for GitHub, that turns language-specific statements like include require or import into links. 4,160 stars by now.
react-adaptive-hooks deliver experiences best suited to a user’s device and network constraints. 3,867 stars by now.
vue-select — everything you wish the HTML <select> element could do, wrapped up into a lightweight, zero dependency, extensible Vue component. 3,179 stars by now.
Size Limit is a performance budget tool for JavaScript. It checks every commit on CI, calculates the real cost of your JS for end-users and throws an error if the cost exceeds the limit. 3,026 stars by now.
Vue Meta is a Vue.js plugin that allows you to manage your app’s metadata. It is inspired by and works similarly to react-helmet for ReactJS. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the metaInfo property. 2,999 stars by now.
Fitty scales up (or down) text so it fits perfectly to its parent container. 2,857 stars by now.
Grant is an OAuth Middleware for Express, Koa and Hapi. 2,588 stars by now.
Redux Toolkit is the official, opinionated, batteries-included toolset for efficient Redux development. 2,485 stars by now.
craft.js is a React framework for building extensible drag and drop page editors. 2,190 stars by now.
open is used to Open stuff like URLs, files, executables. Cross-platform. 1,855 stars by now.
string-similarity finds a degree of similarity between two strings, based on Dice’s Coefficient, which is mostly better than Levenshtein distance. 1,800 stars by now.
Mirage JS is a client-side server to develop, test and prototype your JavaScript app. 1,749 stars by now.
Kea is a data layer for React. Powered by Redux. 1,521 stars by now.
Postgres.js is a full-featured PostgreSQL client for Node.js. 1,483 stars by now.
scalajs-react lifts Facebook’s React library into Scala.js and endeavors to make it as type-safe and Scala-friendly as possible. Provides (opt-in) support for pure functional programming. 1,294 stars by now.
Craco stands for “Create React App Configuration Override” and is an easy and comprehensible configuration layer for create-react-app. 1,269 stars by now.
node-youtube-dl is a youtube-dl driver for node. 1,255 stars by now.
PreVue is a Prototyping Tool For Vue Developers. 1,202 stars by now.
pretty-quick runs Prettier on your changed files. 1,200 stars by now
React Rainbow is a collection of components that will reliably help you build your application in a snap. 1,135 stars by now.

Some of them you might already use in your projects, but some others are pretty new and promising. Whenever you give them a try, please let me know your opinion. Much thanks!

And thank you for reading. I will try to make the next digest earlier!

Writing technical articles: tips for programmers

Iren Korkishko — Sun, 19 Jan 2020 15:15:23 +0000

As a programmer, you might find writing articles is unnecessary. But, in fact, the better programmer you are — the more people need to hear from you about your best practices, achievements, and advice. In this material, you’ll find out the reasons to write, the steps to take and the ways to write well.

Why should you write articles?

Have you ever googled yourself?
Being associated with experts is a good practice. When people read your articles on the internet, they recognize you as a professional and trust you more.

So why to write?

Publicity.
Self PR, build your portfolio.
It works for your company’s reputation (if you work for one).
Simple knowledge sharing.

Topics

Write about your experience…
…Experience related to your work.

If you are a PHP developer, nobody expects you to write about Elixir. However, you might tell about your Elixir learning curves or discoveries.
On the other hand, as a developer, you can also reveal your personal points of view or the insights from your daily working routine. Many people nowadays are interested in devs' personal motivation, hacks, and approaches.

Research

Check if somebody wrote about the same things before. If yes, there’s no need to create another related material unless you have:

Updated (new) version
Controversial (you do not agree on a previous point) version
Details

Don’t write the same as someone else has written before.

Find as many related materials as you can, explore them, compare.

Naming

After the research, you should come up with a unique but clear name that indicates the purpose and context of the article.

Bad examples:

Roundup #58: Orleans 3.0, Snitch, What’s Your Problem? Next 5 years of ASP.NET Core
The One Programming Language to Rule Them All
Suffering From Technical Debt?

Why do I consider these examples to be bad? The first one is too long and consists of too many keywords which makes it less specific. Two other examples don’t give you a clue what exactly this material will be about.

Good examples:

Ensuring healthy Node.js program using watchdog timer
Adaptive Components & Parent-Driven Behavior in Angular
How to Make HTTP Requests In React

Names should be more specific, but not too long. From these examples I considered ‘good’, you can highlight the main keyword phrase and the purpose of each article. At the same time, they are not long.

Article structure

While there could be many different ways to organize your content, the user usually expects the text to be created in a certain way. This is a standard for article structure you might follow in attempts to engage your user and present the information in a most relevant way:

Title
Abstract
Introduction
The Body: Code, Examples, Pictures
Conclusions/Summary
Future work /References

The last part is usually helping you to connect your material with the rest of the texts presented in your blog or publication.

Code snippets & pictures

The more quality topic-related pictures you include — the better.
If the article is related to code — insert some code snippets. Use CodePen or its analogs.

Tags & keywords

Keywords are in need because with their help search engines take visitors to your webpage.

If you write about React.js, you should add the following tags: ReactJS, JavaScript, programming, software development, web development, web, UI, open-source (for example).

To search for appropriate keywords you can use several available online instruments.

For empowering your article with keywords try:

moz.com
app.neilpatel.com
trends.google.com
keywordtool.io
wordtracker.com/scout

Put the most relevant into your text.

Tags are important to relate your material with the other materials devoted to the same topic.
Use at least 5 tags to indicate the technology, product, methods, experience, and so on.

Language and grammar

Nobody’s perfect. When you are inspired by your topic you will certainly make some typos in your text. And this is the best case. To make your words and sentences correct and readable:

Double-check every sentence.
If you are not a native speaker (I talk about the English language) translate your sentences if you doubt the correct meaning.
Use Grammarly (or other similar plugins that aimed to correct your text).
Make sure you use correct terms and phrases.

Also, you might use idioms, but understand the proper case of use.

Pro tips

Use present tenses. (This means you are currently working with the technology/method/approach you’re writing about). Past tenses also work but only if you apply to the particular experience.
Avoid lengthy, complex paragraphs.
Expand all acronyms on first use.
When providing data (numbers, facts) — always provide the source of information.

Examples

Here I’ll show articles I found good to follow and inspire with.

Follow them

These people represent their projects and companies, they are engineers who write texts on a daily basis:

https://dev.to/ben — Ben Halpern, creator/founder/webmaster of http://dev.to

https://overreacted.io/ — Dan Abramov, a software engineer at Facebook

https://twitter.com/John_Papa — developer at Microsoft, https://johnpapa.net/

https://twitter.com/linclark — Lin Clark from Mozilla

https://twitter.com/addyosmani — Addy Osmani, Engineering Manager from Google

I hope, this material will invite you to a world of writing!
Thank you for reading!

DEV Community: Iren Korkishko

Computer vision for cashierless checkout

Computer vision-based movement analysis for physical rehabilitation software

60 most popular JS repositories on GitHub in July and August 2020

Most popular JS repositories in July and August 2020

26 most popular Ruby/Rails repositories on GitHub in July-August 2020

Please meet the most popular and the most interesting Ruby/Rails repositories in July and August 2020:

34 most popular JS repositories on GitHub in June 2020

Most popular JS repositories in June 2020

Ruby on Rails digest: 26 most popular repositories in June 2020

Please meet the most popular and the most interesting Ruby/Rails repositories in June:

33 Most popular JS repositories on GitHub in May 2020

Most popular JS repositories in May 2020

51 Most popular JS repositories on GitHub in March and April 2020 (during quarantine)

Most popular JS repositories in March and April 2020

How your work is affected by the quarantine?

30 most popular JavaScript repositories on GitHub in February 2020

Most popular JS repositories in February 2020

36 most popular JavaScript repositories on GitHub in January 2020

Most popular JS repositories in January 2020

Writing technical articles: tips for programmers

Why should you write articles?

Topics

Research

Naming

Article structure

Code snippets & pictures

Tags & keywords

Language and grammar

Pro tips

Examples

Follow them