teleren/devto huggingface dataset:
Create licenses for your projects right from the terminal! 🚀
Tags: showdev, rust, opensource, cli
Published: 2022-03-24 18:45:42

I'm the type of person who is constantly working on open source projects. But whenever I create a new repository, I haven't yet decided what license I should put the code under. So, I always had to add it at the end when I have pushed all the code. But it was just too much work: go to GitHub, click `Create File`, type `LICENSE`, choose the license and then push it and finally pull the changes locally. So I decided to make a CLI License Generator, in Rust.

This was a nice project to build since I hadn't written Rust code in a while, so it was a good refresher.

## Introducing `gen-license`
![demo](https://us-east-1.tixte.net/uploads/nexxel.needs.rest/idea64_rZlJLu450P.gif)

It's as simple as that, it even automatically gets your username from your global git config file!

Here's the source code: [https://github.com/nexxeln/license-generator](https://github.com/nexxeln/license-generator)

### Installation

```bash
cargo install gen-license
```

If you don't have cargo installed, you can download the executable from the [releases](https://github.com/nexxeln/license-generator/releases) section of the GitHub repository.

### Usage

```bash
gen-license
```

That's pretty much it! Thank you for reading this far. If you want me to explain some of the code behind this, feel free to ask in the comment section.

Please do give your feedback and leave a ⭐ on [GitHub](https://github.com/nexxeln/license-generator) if you liked it!
Laravel 9 Role Based Authentication Tutorial
Tags: laravel
Published: 2022-03-24 18:41:08

Role based authentication is an authorization mechanism for Laravel applications. In this Laravel role-based authentication tutorial, we will see how to perform role-based authorization in Laravel from scratch. This Laravel 8 role-based authentication example will create different admin panels for admin and super admin for role-based Laravel authorization.

In this role based authentication in Laravel, we will create middleware to control user access. Sometimes we need to create an admin panel by creating role based authentication or login systems in Laravel. 

Before starting with role-based authentication and authorization in Laravel, let’s understand what role-based authorization is and what we can achieve with this. 

Let’s imagine we are building an application that a variety of customers will use. However, some parts of the application should only be accessible by customers having a certain privilege.

This is where a role-based authentication system comes into the picture. We have to create a few extra tables in your database to define all the roles in your application and map our users to certain roles.

[Laravel 9 Role Based Authentication Tutorial](https://www.codecheef.org/article/laravel-9-role-based-authentication-tutorial)
Laravel 9 Custom Pagination Example Tutorial
Tags: laravel
Published: 2022-03-24 18:40:01

Hi Dev,

Today, in this article I will share with you something new about how to make your own pagination in laravel 9 application, we will show an example of laravel custom pagination.by the way laravel provide simple pagination, but in this tutorial I will create custom pagination.

Here, I will give you a full example of how to create a custom pagination view tutorial in laravel 9 as below so follow my all steps.

[Laravel 9 Custom Pagination Example Tutorial](https://www.codecheef.org/article/laravel-9-custom-pagination-example-tutorial)
How to Logout User from API with Laravel Passport
Tags: laravel
Published: 2022-03-24 18:37:45

How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport.How to Logout User from API with Laravel Passport.
How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport. How to Logout User from API with Laravel Passport.How to Logout User from API with Laravel Passport.

[How to Logout User from API with Laravel Passport](https://www.codecheef.org/article/how-to-logout-user-from-api-with-laravel-passport)
4 Commands to Check Memory Usage in Linux
Tags: linux
Published: 2022-03-24 18:36:44

It is essential that your Linux system runs at an optimal level. A few simple terminal commands provide access to all relevant information and help you monitor memory statistics.

In this tutorial, learn five powerful commands to check memory usage in Linux.

We also provide detailed explanations of what they do and more importantly, how to interpret the results. The commands will work with nearly all Linux distributions. In this instance, the commands and the results are presented using Ubuntu 18.04.

[4 Commands to Check Memory Usage in Linux](https://www.codecheef.org/article/4-commands-to-check-memory-usage-in-linux)
Making notarization as easy as eSign, legally and secure
Tags: launch, productivity, tech
Published: 2022-03-24 18:34:47

---
title: Making notarization as easy as eSign, legally and secure
published: true
description: Legally sign and notarize documents 100% online. Reduce fraud with secure ID verification. Trace every notarial transaction with audio. Visual session recordings and cloud-based electronic journaling.
tags: launch, productivity, tech
//cover_image: https://direct_url_to_image.jpg
---

Today, we’re launching PandaDoc Notary on Product Hunt!
https://www.producthunt.com/posts/pandadoc-notary

PandaDoc Notary - a Remote Online Notarization (RON) software built for businesses to simplify and automate online notarizations. It is all the great features of PandaDoc combined with Notary.  

You meet over audio & video, perform identity verification, and sign the documents.   

Our new product will help businesses with an in-house notary create, edit, eSign, and notarize documents online in minutes. With PandaDoc Notary, businesses can:   

⭐️ Legally sign and notarize documents 100% online to save everyone’s time. 
⭐️ Invite clients and teammates to a notarization session with a click of a button. 
⭐️ Record notarial acts and eliminate fraud with state-approved software.  

We are pumped to continue developing this, and will keep you posted along the way. We are happy to answer any questions you have!
Create Reusable Trait to Generate and Save uuid in Laravel
Tags: laravel
Published: 2022-03-24 18:30:57

Today i am going to share with you how to create uuid in laravel 5 application. You can create quick uuid using generator. I will use composer package for generate unique uuid.

UUID stand for universally unique identifier and is a 128-bit number used to identify information in computer pc. In this post i will show you how to generate uuid in laravel 5, laravel 6, laravel 7, laravel 8 and laravel 9 application.

you can also use Str facade to generate uuid in laravel application. i will give you two way to generate uuid in laravel.

[Create Reusable Trait to Generate and Save uuid in Laravel](https://www.codecheef.org/article/create-reusable-trait-to-generate-and-save-uuid-in-laravel)
How do you handle the data ownership of a multi-tenant product?
Tags: saas
Published: 2022-03-24 18:23:57

Multi tenancy is very crucial for most of the SAAS products and I think, data ownership is one of the most important aspects of multi tenancy. So how do you deal with the data ownership? 

(Note: by "data ownership", I mean:
-customer1 can only read customer1's data (and can never access customer2's data) or
-customer1 can only upsert data for customer1.

or in an enterprise situation,
-user1 of customer1 can only read customer1's data (and can never access customer2's data) or
-user1 of customer1 can only upsert data for customer1
Fix Google Chrome Software Reporter Tool High CPU Usage Issue
Published: 2022-03-24 17:42:01

Software Reporter Tool is a legitimate Google Chrome process (not a virus) used by the browser to discover the conflicting applications/processes. But in some cases, the [Chrome Software Reporter tool](https://crgsoft.com/fix-google-chrome-software-reporter-tool-high-cpu-usage-issue/) starts using excessive system resources (causing high CPU usage) and bogs down the PC instead.

The user encounters the issue when the system is extremely slow and upon checking finds high CPU usage (80%-90% or more) by Software Reporter Tool (in some cases the issue is reported even when Chrome was running). closed).

Before proceeding with the solutions to disable Google Software Reporter Tool, please note that disabling this process may hamper Chrome’s ability to detect the conflicting/problematic apps, so please proceed with extreme caution and at your own risk.
Electron + Typescript + React boilerplate
Tags: react, typescript, electron, programming
Published: 2022-03-24 18:06:21


![ElectronJS + Typescript + ReactJS](https://user-images.githubusercontent.com/46914545/159979537-7116a826-212c-45f4-a393-4abeabeabd07.jpg)

## Electron + TypeScript + React

You can go to the github repository clicking [here](https://github.com/caiulucas/basic-electron-react-typescript);

This boilerplate is using [diego3g/electron-typescript-react](https://github.com/diego3g/electron-typescript-react) as base.
If you want something with styled-components, linting and tests with jest, just go there. 

### Differences between this boilerplate and the diego3g's version
* css support added
* svg support added
* jest removed
* eslint removed
* styled-components removed

The idea of this boilerplate is to be as simple as it can using this three technologies. My thought is to give the developer maximum freedom to choose their own way to write code.

## Installation
Download this boilerplate using 
```bash
git clone https://github.com/caiulucas/basic-electron-react-typescript
```
or click on the `Use this template` option.

Add `node_modules` in your project

Using npm: 
```bash
npm install
```

Using yarn:
```bash
yarn
```

## Usage

Just run `start` script.

Using npm:
```bash
npm run start
```
Using yarn:
```bash
yarn start
```

## Packaging

To generate the project package based on the OS you're running on, just run:

Using npm:
```bash
npm run package
```

Using yarn:
```bash
yarn package
```
## Contributing
Any pull request or issue is welcome. If you have any idea for this boilerplate, feel free to share it.

If you want to make your own boilerplate using this project as base, just go for it 😃

## License

[MIT](https://choosealicense.com/licenses/mit/)
Why do we use tailwind?
Tags: webdev, tailwindcss, php, laravel
Published: 2022-03-24 18:01:00

**DECK** used tremendous flexibility of [**tailwindcss**](https://tailwindcss.com/).

UI/UX is the most crucial part of any software.
As a cross-platform desktop application, we wanted to give users the pleasure of having an app that blends with OS. 
Writing CSS for an individual platform is not easy, and selecting a UI framework also can be risky for the future.

## So ultimately, on V4, we have tailwindcss. 

- Easy to customize and flexible for future development.

- Did an impressive job on compressing and reducing ultimate app size.

- Very smooth and platform-friendly look.

- No conflict with custom CSS.

Tailwindcss is an excellent utility-first CSS framework, and we love it.

Bonus
The dark mode is coming soon 🥳.

If you also love using tailwind, let us know below about **DECK** using **tailwind**. We are happy to have your feedback.
[Get deck today](https://get-deck.com/) 💙.
Daily.Dev --> Trello
Tags: tutorial
Published: 2022-03-24 17:57:18

A while ago i've set my [Brave browser](https://brave.com/) initial page to [Daily.dev](https://daily.dev/) homepage plugin. And since that, i've came across a bunch of cool articles, tutorials and what not on a daily basis, but one thing hindered my initial reading momentum, which were the many meetings, coding ideas, task along the day and simple opening up the article up on a new tab wasn't enough.

So i've decided to enqueue the one's i wanted to read on a more convenient time to a [Trello](https://trello.com/) board 
using the RSS New Item trigger on [IFTTT](https://ifttt.com/), and i've configured it to read out of my Daily.dev public bookmarks and then populate my Trello board "To Read" list.

So, let's go over it step-by-step

To make things easier i've set up a applet which you can use directly in IFTTT to do the trick, and just connect your Trello account to it and choose the desired board.

here is the applet: [Daily.Dev -> Trello](https://ifttt.com/applets/a2m9AFM4-daily-dev-trello)

## So, time to configure it! 

What will you need ? 
- Daily.dev public bookmark link.
- Trello Account.
- Trello board to pick it from.
- Board list to send it to.


{% embed https://vimeo.com/685584435 %}

... And BAAAM ! You are all done. 

After the first sync happens you will start having your newly added bookmarks in your Trello board, here is a snapshot of my own board :)

![Articles to read board](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dchv41eun09uwyyllhnc.png)

And a detailed card: 
![Card with details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/194b2u4r3ca2wfou9sym.png)
FIDO-certified biometric authentication - React Native SDK
Published: 2022-03-24 17:44:47

**Description**
LoginID’s React-Native SDK enables web developers to easily add FIDO/FIDO certified strong customer authentication to their site or app. By utilizing the biometrics on the end user’s device, LoginID’s SDK enables seamless passwordless logins and payment authentications via our [Transaction Confirmation](https://docs.loginid.io/Guides/Flows/tx-conf-guide) with Digital Signature tool. LoginID is PSD2, GDPR, CCPA, and HIPPA compliant.

**Install**:

```
npm install @loginid/react-native-sdk

```
**Usage**:

```
import RNLoginApi from '@loginid/react-native-sdk';

```

**Documentation**
[View full documentation](https://docs.loginid.io/Client-SDKs/React-Native/react-native-get-started)
My Thoughts on Windows OS and its reliability
Published: 2022-03-24 16:52:23

I have used windows XP, 7, 10, ubuntu 14-20, OSX montrey. I have always liked the windows OS for its simple UI as compared to linux distro or macOS. The app indicators and the taskbar are the main components which distinguishes it from the linux distro dock or the macOS dock. Microsoft really needs to realize that they need to focus on improving the performance rather that developing the UI.

I upgraded to Windows 11 and the performance was worst. They have made Windows 11 even more heavily bloated. My Taskbar crashed couple of times and it lagged like hell. Right click menu kept loading lol just Microsoft things. The new Notepad and snipping tool sucks. It just looked like pretty but very unresponsive.

I am still not sure why can't Microsoft develop an OS which performs equally well and responsive like Linux and follow the same principle which Unix based OS follows. I really like technology and appreciate that we have a non Unix OS in the competition, however, I do expect that it must compete first on the performance and then on the UI. Windows UI is already good and intuitive and we all know that. Their target should be to refactor their kernel following the Linux kernel. I am not suggesting they move to Linux kernel or a monolithic kernel, what I am implying is that they must:
- Target their existing micro-kernel improvements and implement stuff like hot loading of kernel modules like Linux does, so that people don't have to restart in the middle of meeting. I mean, there should not be a tradeoff between compromising the security and restarting the PC right?
- Focus the least on UI for now as they have a lot of performance backlog and garbage
- If focusing on UI, rather than changing the visual themes they should focus on responsiveness. For eg. scrolling is different in each app. On Some apps its smooth but some apps like Microsoft's own excel; the sheet on windows 10 lags as compared to the excel running on mac when it has many columns and large dataset
- Implement a new OS, preserving the layout of the windows 10 UI and under the hood a modified better and efficient version of Windows NT kernel.

At this point to conclude I feel that Windows 11 is acting like a really hot actress by heavy makeup and cosmetic surgery irrespective of the health consequences. I would suggest that actress to first fix her health. Windows 10 must first fix its kernel. As a developer, having to restart your computer if working on critical task with lots of open windows is a nightmare. Thus, it is very critical to have updates that does not require restarts, at least the minor updates.
Flutter Module Fix Error android exported needs to be explicitly specified for element
Tags: flutter
Published: 2022-03-24 17:20:23

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2yy8dx45hw7xt72k57ws.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oydl12vopchg5trae038.png)

## ปัญหา: Flutter Module แล้วรันโปรเจ็ค Android ขึ้น error 
Flutter 2.10.3 | Dart 2.16.1 | DevTools 2.9.2
```
android:exported needs to be explicitly specified for element
```

## วิธีแก้ปัญหา: 
เพิ่ม android:exported="true" ที่ activity ในไฟล์ .android/app/src/main/AndroidManifest.xml
```
android:exported="true"
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gxnjs0yx0dmivue2lxsa.png)

####ติดตามผลงานได้ที่
* **Page:** [https://fb.com/CodeBangkok​](https://fb.com/CodeBangkok​)
* **Group:** [https://fb.com/groups/msdevth​](https://fb.com/groups/msdevth​)
* **Blog:** [https://dev.to/codebangkok](https://dev.to/codebangkok)
* **YouTube:** [https://youtube.com/CodeBangkok](https://youtube.com/CodeBangkok)
Drag and Drop List in React
Tags: react, reactnative, beginners, webdev
Published: 2022-03-24 17:10:38

In our react applications we organizes some data in the form of list. We can show data in ordered list and unordered list. In our applications, sometimes we needs to set order of our list items. So, to do this we can **create drag and drop list in react** which is easy to set order of list from UI.

## Create Drag and Drop List in React

```typescript
var placeholder = document.createElement("li");
placeholder.className = "placeholder";

class List extends React.Component {
  constructor(props) {
    super(props);
    this.state = {...props};
  }
  dragStart(e) {
    this.dragged = e.currentTarget;
    e.dataTransfer.effectAllowed = 'move';
    e.dataTransfer.setData('text/html', this.dragged);
  }
  dragEnd(e) {
    this.dragged.style.display = 'block';
    this.dragged.parentNode.removeChild(placeholder);
    
    // update state
    var data = this.state.colors;
    var from = Number(this.dragged.dataset.id);
    var to = Number(this.over.dataset.id);
    if(from < to) to--;
    data.splice(to, 0, data.splice(from, 1)[0]);
    this.setState({colors: data});
  }
  dragOver(e) {
    e.preventDefault();
    this.dragged.style.display = "none";
    if(e.target.className === 'placeholder') return;
    this.over = e.target;
    e.target.parentNode.insertBefore(placeholder, e.target);
  }
	render() {
    var listItems = this.state.colors.map((item, i) => {
      return (
        <li 
          data-id={i}
          key={i}
          draggable='true'
          onDragEnd={this.dragEnd.bind(this)}
          onDragStart={this.dragStart.bind(this)}>{item}</li>
      )
     });
		return (
			<ul onDragOver={this.dragOver.bind(this)}>
        {listItems}
      </ul>
		)
	}
}
```

## Use List Component in React
Now, we have **&lt;List /&gt;** Component we can use this in our class or functional component. Also, we can pass some props like colors props to our **&lt;List /&gt;** Component. For example, use this in our App Component.

```typescript
class App extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			colors: ['PHP', 'MYSQL', 'REACT', 'LARAVEL']
		}
	}
	render() {
		return (
			<div>
        <List colors={this.state.colors} />	
			</div>
		)
	}
}
```

## Style List in React

```css
ul {
  list-style: none;
  margin:0;
  padding:0;
  border: 5px solid #e1e1e1;
  box-shadow: 1px 3px 8px #888; 
}

li {
  padding: 10px 15px;
  background:#eee;
  &:hover {
    background: darken(#eee, 5%);
  }
}

.placeholder {
  background: rgb(255,240,120);
  &:before {
    content: "Drop here";
    color: rgb(225,210,90);
  }
}
```

---

Please like share subscribe and give positive feedback to motivate me to write more for you.

For more tutorials please [visit my website](https://www.w3courses.org/tutorials/).

Thanks:)
Happy Coding:)
Authentication in MERN stack.
Tags: javascript, node, react, webdev
Published: 2022-03-24 17:09:56

## Authentication in Mern Stack.
Authentication is a big problem for a website, app. As it divides content for different people, authorization of a content to edit, view, delete and update.
Points to consider for Authentication.
### Never ever store passwords
Storing someone's password is not considered as a good practice, if by chance your data gets in wrong hands, it can lead to massive breach of a user data, personal information and identity.
Always hash passwords before storing.
To read more about hashing, follow this [Link](https://en.wikipedia.org/wiki/Key_derivation_function#Password_hashing).
### Giving user a nice user experience.
Now, that you can login and register users. how can you remember that user, if user refreshes his page. That's the problem, so to solve that issue you can use JavaScript libraries like JWT's, passport for authentication. They basically stores a user details in cookies, Local Storage or Session Storage in your web browser.
### For more Better and Trustful user experience.
Use a third party API's like Google Auth, Facebook Auth. so that user can trust your website.

_Things to remember._
- Never Store Passwords.
- Use Cookies / Sessions for nice user experience.
- Third party Authentication for best experience.

---
_for more you should definitely see this video from fireship.io_
{% embed https://youtu.be/UBUNrFtufWo %}