teleren/devto huggingface dataset:
The Apps I Use While Working From Home
Tags: productivity, mobile
Published: 2022-07-29 11:33:00

Staying productive can be difficult, especially while working from home. Luckily there are a lot of apps that are here to help you communicate, stay organized, and get things done faster. Here I have assembled a list of awesome apps that can help you deal with remote work and get on top of any day.

**Task management: [Planndu](https://planndu.com)**
What makes Planndu one of my favorite task management applications is the fact that it has all the features I need to manage my whole workflow. You can create a list of tasks, prioritize them, schedule, and even focus on specific tasks with a Pomodoro timer. It also allows drag & drops to change the status and the priority of tasks, which I find very convenient. So once a task is done, all I have to do is drag the task to the “done” section. Most of the features are free but to unlock the advanced features you must have a premium account. It costs $2.95 a month (billed annually) which I think is an excellent value for the features provided.

**Meetings: [Zoom](https://zoom.com)**
It’s the ideal tool for meetings and screen sharing. Thanks to those features the platform grew exponentially and became so popular. Even though they had a bunch of security problems at the beginning, now it’s a solid and stable software that you should use. It’s mostly free but there’s a limit of 40 minutes of meetings and 100 participants. The paid plans get a little bit pricier, starting at $14.99/month per person.

**Chatting: [Slack](https://slack.com)**
The best app for communication with colleagues and quick code sharing, it has many features such as channels, personalized chats, and formatting that is suitable to code. It’s very commonly used in enterprises, but I also use it for remote work mainly because it has a free plan of 10k messages. Slack has a Pro plan for $6.67/per user per month if you want more features. They also have more features with their Business+ plan for $12.50/user per month (billed annually).


**Collaboration: [Zeplin](https://zeplin.io)**
It’s an excellent collaboration tool that helps designers share their work with developers. It automatically adds many tooltips on top of the design, allowing any person to understand the specifications within the design itself. It also lets you comment right on top of the design, and saves a lot of time explaining things to each other. The downside is that it allows creating only 1 project for free with up to 6 project members. But you can unlock the full version of Sketch for $6 / month.



Remote work is the new standard. There’s no way it will change soon. If you are in the same situation as me, and you are a freelancer working from home full time, remember that there are many tools that could help you in the process. Don’t try to solve everything by yourself, and make sure you try new things until you find what works for you.
Is it good to hire remote teams in 2022 ? Any good companies from where I can grab a team ?
Tags: remotework
Published: 2022-07-29 11:55:34

So I am deciding to work on a product startup like food review system based social media app, you may call it a modified of yelp (P.s its not their advertisement just using the name to explain the idea better) but in countries where yelp isn't much functional 
 with a unique business logic as compared to theirs. But I am thinking of having contract based remote teams to work on my product.
How to Run VS Code Terminal as Administrator
Published: 2022-07-29 11:50:00

If you are using Visual Studio Code, you may find that you need to run the terminal as an [administrator ](laptopsea.com)in order to perform certain tasks. Fortunately, this is easy to do.




Open Visual Studio Code (VS Code) on your computer.

Once VS Code is open, click on the "View" menu at the top of the window.

From the "View" menu, select "Integrated Terminal" to open the terminal in VS Code.

In the terminal window, you will see a dropdown button with the default shell selected (e.g., PowerShell, Command Prompt, etc.). Click on the dropdown button to open a menu.

In the menu, you will find an option called "Select Default Shell." Hover over this option, and you will see two more options: "Create New Integrated Terminal" and "Select Default Shell."

Hold down the "Shift" key on your keyboard and right-click on the "Select Default Shell" option.

After right-clicking, you will see an additional option in the context menu: "Run as administrator." Click on this option to open the terminal as an administrator.

If a User Account Control (UAC) prompt appears, asking for permission to make changes to your computer, click "Yes" to proceed.

The terminal will now open with administrative privileges, indicated by "Administrator" in the terminal's title bar.

You can now run commands or perform actions that require administrative privileges in the VS Code terminal.

Please note that the ability to run the VS Code terminal as an administrator depends on your user account's permissions on the system. If you don't have administrative privileges on your account, you may need to contact your system administrator or switch to an account with administrative rights[.](petszure.com)
Sales VS Developers. Cooperation and skills
Tags: productivity, career, beginners, management
Published: 2022-07-29 11:30:03

{% youtube RH_Qfzd7SSQ %}

What are the secrets to successful collaboration of sales and developers teams? About best practices, skills that should be mastered and useful tips talks our Business Sales Representative Piotr.

Enjoy! You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/sales-vs-developers-cooperation-and-skills-experts-zone-talks-19).
Use yaml format for Kubernetes from VS Code extension
Tags: kubernetes, yaml
Published: 2022-07-29 10:56:23

Go to VS code and install this extension:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0m9lsee0330zn06fsxob.png)
Now from the settings icon, and then extension settings and then go there and look for YAML schemas:


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

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

Now here you need to add something:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/185ny6df417x6sxfqdwx.png)

```
"kubernetes": "*.yaml"
```



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

Looks good!

Done!
Cara Install Tailwind CSS pada React project
Tags: tailwindcss, react
Published: 2022-07-29 10:55:00

Halo guys, pada kali ini saya akan membagikan bagaimana cara menggunakan [Tailwind CSS](https://tailwindcss.com/) pada project React kita. Langsung saja kita  mulai.

Pastikan sudah menginstall [nodejs](https://nodejs.org/en/) pada komputer/laptop Anda. Karena untuk membuat project React, kita perlu menggunakan NPM yaitu dengan cara menginstall nodejs. Untuk mengecek apakah nodejs sudah terpasang ketikkan perintah berikut pada terminal Anda.
```
node -v
```
Jika muncul versi, maka nodejs sudah terpasang. Lalu untuk mengecek versi NPM ketikkan perintah berikut.
```
npm -v
```
Jika sudah muncul versi NPM, maka kita sudah bisa untuk membuat project React.

Pertama, buat project React terlebih dahulu jika kita belum memiliki project React. Jika Anda sudah memiliki project React, silahkan lewati tahap ini. Kita akan membuat project React baru menggunakan [Create React App](https://create-react-app.dev/).

Buka terminal, pastikan Anda sudah berada pada direktori folder tempat dimana Anda ingin menyimpan project React. Ketikkan perintah berikut.
```
npx create-react-app my-project
```
Anda bebas memberikan nama project yang ingin diinstall, pada kali ini saya akan memberikan contoh dengan nama _my-project_. Tunggu proses installasi berjalan hingga selesai. Jika sudah selesai, masuk ke direktori project React yang sudah kita buat tadi. Ketikkan perintah berikut.
```
cd my-project
```
Untuk menjalankan project React, ketikkan perintah berikut.
```
npm start
```
Maka browser akan otomatis membuka halaman [http://localhost:3000/](http://localhost:3000/) dan Anda akan melihat tampilan awal dari project React yang sudah diinstall.

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

Selanjutnya install Tailwind CSS dengan mengetikkan perintah berikut pada terminal.
```
npm install -D tailwindcss postcss autoprefixer
```
Tunggu hingga selesai, kemudian ketik kembali perintah berikut.
```
npx tailwindcss init -p
```
Jika semua berjalan lancar, maka Tailwind CSS sudah berhasil diinstall. Selanjutnya buka project React kita pada code editor. Kemudian buka file _tailwind.config.js_ edit menjadi seperti ini.
```
/** @type {import('tailwindcss').Config} */ 
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```
Kemudian untuk dapat menggunakan Tailwind CSS edit file _index.css_ yang berada pada folder _src_ menjadi seperti ini.
```
@tailwind base;
@tailwind components;
@tailwind utilities;
```
Proses installasi selesai dan Tailwind CSS sudah dapat digunakan. Untuk mengecek apakah sudah berhasil terpasang, silahkan coba edit file _App.js_ menjadi seperti ini.
```
<p className="text-3xl font-bold underline text-red-500">
  Edit <code>src/App.js</code> and save to reload.
</p>
```
Simpan dan jalankan project, maka Anda akan melihat perbedaannya.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kpt4i6d6jdrgob3mjxkc.png)
# Day 2 | How to resolve it?
Tags: javascript
Published: 2022-07-29 10:49:56

The problem
```js
let deps = [
    {id: 1, name: 'dep1', pid: 0},
    {id: 2, name: 'dep2', pid: 1},
    {id: 3, name: 'dep3', pid: 1},
    {id: 4, name: 'dep4', pid: 3},
    {id: 5, name: 'dep5', pid: 4},
];

let res = formatDeps(deps);
```

and the res should be: 
```json
[
    {
        "id": 1,
        "name": "dep1",
        "pid": 0,
        "children": [
            {
                "id": 2,
                "name": "dep2",
                "pid": 1,
                "children": []
            },
            {
                "id": 3,
                "name": "dep3",
                "pid": 1,
                "children": [
                    // etc,,,
                ]
            }
        ]
    }
]
```
Go Course: Goroutines
Tags: go, tutorial, beginners
Published: 2022-07-29 10:45:19


In this lesson, we will learn about Goroutines.

But before we start our discussion, I wanted to share an important Go proverb.

_"Don't communicate by sharing memory, share memory by communicating."_ - Rob Pike

## What is a goroutine?

A _goroutine_ is a lightweight thread of execution that is managed by the Go runtime and essentially let us write asynchronous code in a synchronous manner.

It is important to know that they are not actual OS threads and the main function itself runs as a goroutine.

A single thread may run thousands of goroutines in them by using the Go runtime scheduler which uses cooperative scheduling. This implies that if the current goroutine is blocked or has been completed, the scheduler will move the other goroutines to another OS thread. Hence, we achieve efficiency in scheduling where no routine is blocked forever.

We can turn any function into a goroutine by simply using the `go` keyword.

```go
go fn(x, y, z)
```

Before we write any code, it is important to briefly discuss the fork-join model.

## Fork-Join Model

Go uses the idea of the fork-join model of concurrency behind goroutines. The fork-join model essentially implies that a child process splits from its parent process to run concurrently with the parent process. After completing its execution, the child process merges back into the parent process. The point where it joins back is called the **_join point_**.

![fork-join](https://raw.githubusercontent.com/karanpratapsingh/portfolio/master/public/static/courses/go/chapter-IV/goroutines/fork-join.png)

Now, let's write some code and create our own goroutine.

```go
package main

import "fmt"

func speak(arg string) {
	fmt.Println(arg)
}

func main() {
	go speak("Hello World")
}
```

Here the `speak` function call is prefixed with the `go` keyword. This will allow it to run as a separate goroutine. And that's it, we just created our first goroutine. It's that simple!

Great, let's run this:

```bash
$ go run main.go

```

Interesting, it seems like our program did not run completely as it's missing some output. This is because our main goroutine exited and did not wait for the goroutine that we created.

What if we make our program wait using the `time.Sleep` function?

```go
func main() {
	...
	time.Sleep(1 * time.Second)
}
```

And now, if we run this.

```bash
$ go run main.go
Hello World
```

There we go, we can see our complete output now.

**Okay, so this works but it's not ideal. So how do we improve this?**

Well, the most tricky part about using goroutines is knowing when they will stop. It is important to know that goroutines run in the same address space, so access to shared memory must be synchronized.

---

_This article is part of my open source [Go Course](https://www.karanpratapsingh.com/courses/go) available on Github._

{% github karanpratapsingh/go-course %}
Introducing Westernal: A social media based on songs
Tags: showdev, javascript, programming, webdev
Published: 2022-07-29 09:57:00

I was always bad at talking and express my feelings and I thought what if I could express my feelings through songs, unfortunately I have a bad voice :)
![Westernal's logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ast2p3i2zthwnz5skluw.png)

so I thought Westernal is a good idea.

Just in case it is the first version and has a lot of bugs that I'm sorry for them already!

## Link
{% embed https://www.westernal.net/ %}

## What is Westernal?
Westernal is a social media that you can share your songs with others it is also a PWA.

<span><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dq9mn10t7oaj4z5uepwa.png" width=180px height=388.8px/> </span>
<span> <img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k3pxp3n46g3zn4z4jbhu.png" width=180px height=388.8px/>
</span>

## How it works?
A user can easily signup and connect with people via following them and paste a song URL from Spotify, YouTube, SoundCloud and etc. (not the actual song itself because of copyright) or you can search a song inside app(Spotify search) to share with followers followers. you can like and comment on posts to interact with people.


{% embed https://youtu.be/iNav6lyYUR0 %}

<span><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5xxesj4mvc8uqo0zplux.png" width=180px height=388.8px/> </span>

## Download the app.
Download the app through share button --> add to HomeScreen.

<span> <img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bky7y3ulqp4vvo0kvmxf.png" width=230px height=400px/>
</span>

## Dark Mode / Light Mode
It also supports dark mode!


<span> <img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfe76y9f5jkiarfzap3i.png" width=180px height=388.8px/>
</span>
<span> <img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pgi5eorm3i88ysjv55bc.png" width=180px height=388.8px/>
</span>

## Reset password
If you forgot your password we will send you an email to reset your password!

<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ocimwhwi0f8r2svwgr4.png" width=230px height=400px/>


## Lighthouse scores

![Lighthouse scores](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4jrh8g4y77c7zpzgrfoh.png)



## Technologies
**Front-End:** Next.js 
**Back-End:** Node.js, Express 
**Database:** MongoDB

## Source Code
 [Front-End](https://github.com/westernal/social-media-frontend) 
 [Back-End](https://github.com/westernal/social-media-backend)
What is Decentralized Finance ( Defi) Development ?
Tags: defi, decentralized, decentralizedfinance, defidevelopment
Published: 2022-07-29 10:42:45

The practise of decentralized finance is getting more prominent, and most industries have started to realize its potential. With this technology, it is possible for all kinds of businesses to optimize their transactions and every business task. To make your business more powerful, it is important that you team up with the best defi development company, which does a fantastic job of bringing the benefits of decentralized finance to the fore. It is very important to keep in mind that it has the power to transform the way you operate.
**[Know more about defi development](https://troniextechnologies.com/decentralized-finance-defi-development-company)**
Git error: src refspec master does not match any
Tags: github
Published: 2022-07-29 10:42:32

There are a few reasons Git throws an error: src refspec master does not match any. Let’s figure it out. This is a detailed article and I fully tried to cover all errors that I faced. And step by step I cover the fixing of src refspec master does not match any…

**Error type:**

```
git push -u origin master
error: src refspec master does not match any.
error: Please make sure you have the correct access rights and the repository exists.
```

## Step 1: Check credentials using Credential Manager
Sometimes we use **one or more github accounts** in same OS so let’s check it. Go to windows search and type “Credential Manager”. Open Windows Credentials and check Github account details in Generic Credentials.


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

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


Here we can see the username of the Github account. if the username is correct then proceed to the next step. Or if you have any doubt regarding the password then click Edit the and your Github account password and save it. Note: Restart your system (optional)



## Step 2 Check Git remote origin

```
git init
git remote -v
```

The `-v flag` lets us see the URLs to which our repository is pointing:

```
origin  https://github.com/devhassam/ticket-reservation.git (fetch)
origin  https://github.com/devhassam/ticket-reservation.git (push)
```



**If no line appears after running** `git remote -v` then you first need to register git repo. Or if details are shown like in the above image then skip the next step.

```
git remote add origin /path/to/origin.git

e.g
git remote add origin https://github.com/devhassam/ticket-reservation.git
```

## Pushing the changes to the master or remote branch
### Solution

```
git remote add origin /path/to/origin.git
git add .

git commit -m "First commit"
git push origin master
```

**_If the error is still there then just add_** `-u flag` with git push origin master

```
git remote add origin /path/to/origin.git
git add .

git commit -m "First commit"
git push origin -u master
```

After adding **-u flag** a Github Authentication POP-UP would appear. Add Github username and password, or simply login using Token. If you choose Token then the pop-up will show a 6-digit code with github link. Copy the code and open the link where you need to add copied code and hit Authenticate.


Thank you! And I hope this article is helpful.
`https://hassam.me`
Top 7 Useless NPM Packages You Won't Believe Exist 💀💀💀
Tags: javascript, webdev, npm, beginners
Published: 2022-07-29 09:53:00

💀 1. [hello-useless](https://www.npmjs.com/package/hello-useless)

**What does it do:**
Useless playground package, move away.

**How to use it:**

```
//Install using npm and enjoy:
npm i hello-useless
```

💀 2. [is-useless](https://www.npmjs.com/package/is-useless) 

**What does it do:** 
Package to reflect on the current state of npm. 

**How to use it:**

```
//Install using npm:
npm i is-useless

//In Node.js:
const isUseless = require("is-useless");
```

```
const isUseless = require("is-useless");

console.log(isUseless(process.env.CREDIT_CARD_NUMBER)); // may or may not send to servers for product improvement
```

💀 3. [@robertosviluppo/useless](https://www.npmjs.com/package/@robertosviluppo/useless)

**What does it do:** 
Useless package to learn NPM. 

**How to use it:**

```
//Install using npm:
npm i @robertosviluppo/useless
```

```
var summer = require('@robertosviluppo/useless');
var sum = summer(3, 2);
```


💀 4. [meaning-of-life](https://www.npmjs.com/package/meaning-of-life)

**What does it do:**
Provides the meaning of life.

**How to use it:**

```
//Install using npm and enjoy:
npm i meaning-of-life
```


💀 5. [nothing-to-see-here](https://www.npmjs.com/package/nothing-to-see-here)

**What does it do:**
A package that does nothing at all. 

**How to use it:**

```
//Install using npm and enjoy:
$ npm install nothing-to-see-here
```

```
var nothing = require('nothing-to-see-here');
// Do nothing with nothing, since it does nothing at all.
```

💀 6. [my-awesome-package-that-is-more-awesome-than-other-packages](https://www.npmjs.com/package/my-awesome-package-that-is-more-awesome-than-other-packages)

**What does it do:**
It just exports a useless message.

**How to use it:**

```
//Install using npm:
npm i my-awesome-package-that-is-more-awesome-than-other-packages
```

```
//index.js
var demo = require('my-awesome-package-that-is-more-awesome-than-other-packages')
 
demo.printMsg();

//node
$: node index.js
This is a more awesome package than ANY other package on NPM
```

💀 7. [is-stupid](https://www.npmjs.com/package/is-stupid)

**What does it do:**
A package to figure out if one is stupid.

**How to use it:**

```
//Install using npm:
npm i is-stupid

//Install using yarn:
yarn install is-stupid

//With Deno:
import isStupid from 'https://unpkg.com/is-stupid/dist/index.js'
```

```
import isStupid from 'is-stupid';

if (isStupid) {
    console.log('oh no');
}
```