Loom is a video recording application, which is similar to screencastify chrome extension. It records video and upload it to https://loom.com/<some url> One of the unique feature of this application is that it provides commenting feature on the web page. A user can share video link to other users and the other users can add …
image-downloader
image-downloader is a npm package which dowloads images using it’s url. There are several libraries which performs such functionality, but this library has it’s advantage. Some sites serve their images using backend script. For example, image url is composed as following http://somesite.com/image.php?name=dummy In this case, many libraries are not able to download the image but …
react-slack-feedback
react-slack-feedback is a npm package which integrates React projects and slack channels. In traditional contact forms, we send email to the specified email address when we click submit button. The purpose of react-slack-feedback is to post such content to the slack channel. Slack provides WEBHOOK_URL, which can accept post requests from frontend and post the …
React Grid Layout
react-grid-layout is a draggable and resizable grid layout library for React projects. There are many use cases of this library and one of them is trello board. We can implement trello-like system very easily. Features: 100% React – no jQuery Compatible with server-rendered apps Draggable widgets Resizable widgets Static widgets Configurable packing: horizontal, vertical, or …
Grafana
Grafana is an open source metric analytics & visualization suite. It is most commonly used for visualizing time series data for infrastructure and application analytics but many use it in other domains including industrial sensors, home automation, weather, and process control. Here is detailed documentation about the functionalities of grafana.
A method to block CORS attacks.
Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell a browser to let a web application running at one origin (domain) have permission to access selected resources from a server at a different origin. A web application executes a cross-origin HTTP request when it requests a resource that has a different origin (domain, protocol, and …
npm – archiver
This is npm package to generate archive files. We need to input folder path and file name as parameter and this library will return archive file as a result. Here is simple example to use this library.
Cross Origin Read Blocking (CORB)
Cross-Origin Read Blocking (CORB) is an algorithm that can identify and block dubious cross-origin resource loads in web browsers before they reach the web page. CORB reduces the risk of leaking sensitive data by keeping it further from cross-origin web pages. In most browsers, it keeps such data out of untrusted script execution contexts. In …
Keep npm modules up-to-date
There is a npm package which provides functionality to check the up-to-date status of the npm packages and update them to latest versions. Here is detail information about the package. https://www.npmjs.com/package/npm-check-updates Usage is simple Install the package using npm install -g npm-check-updates Check latest versions using ncu Update to latest versions using ncu -u
Auth0 authentication without redirect
Auth0 is an authentication service with provides oauth2-like authentication functionality. When we use oauth2 authentication, browsers are normally redirected to the auth domain and return back to our own domains with the access_token in the url. Sometimes we don’t like this redirect process and want to hide our authentication process to users. There is an …