teleren/devto huggingface dataset:
Leveraging a stream deck to assist productivity
Tags: technology, devices
Published: 2020-10-01 13:45:19

---
title: Leveraging a stream deck to assist productivity
published: true
date: 2020-09-30 03:35:26 UTC
tags: Technology,Devices
canonical_url: 
---

So I’ve always been the type to play around with new technology. And one of the things I’ve been toying with is doing some video recordings of a variety of topics.

And one of the newest pieces of technology that I got was an [Elgato Stream Deck XL](https://www.amazon.com/gp/product/B07RL8H55Z/ref=ppx_yo_dt_b_asin_title_o01_s00?ie=UTF8&psc=1). And I have to tell you, its really kind of nice from a general productivity standpoint. And I thought I would do a write-up for others. So I bought this, expecting to use it for 3 use cases:

- Normal Work
- Development Work
- My Dungeons and Dragon’s Game (done remotely)

And I have to tell you I’ve been pretty impressed with how much it does right out of the box. When you install it, you install a simple utility that allows for configuring the device. And below is a screen shot of that utility:

![](http://www.welldocumentednerd.com/wp-content/uploads/2020/09/image-1-1024x524.png)

Now no surprise, there are a lot of features right out of the gate that are built around the idea of streaming. Things like being able to send a tweet or leverage of OBS streaming software. And all those are cool, but right out of the gate, I was looking to leverage things that make my day-to-day life easier.

To that end, it makes use of items like “Open”, “Website”, and “HotKey” which I found made integrating the StreamDeck with my normal workflow surprisingly easy.

All I did was start grabbing a bunch of the commonly used programs, or websites to make them faster access. And then using “HotKey” I was able to automated a lot of my activities. Like being able to create a new chat in teams, create a blank email, view my calendar, etc.

![](http://www.welldocumentednerd.com/wp-content/uploads/2020/09/image-2.png)

This made a huge impact right out of the gate, I felt like it was a lot easier to manage the different actions I was doing and jump faster to things. I have to say I’m a day in and I really like it.

And then further I was able to implement specific hotkeys in Windows 10 to engage better use of other features. For example, I started using multiple desktops as it lets me switch between the interface I use for calls and meetings, and the coding / engineering work I do. But I struggle to remember all the hotkey combinations. So here I was able to map them to the stream deck and make it a button push:

![](http://www.welldocumentednerd.com/wp-content/uploads/2020/09/image-3.png)

Which is really kind of awesome. The other feature I like that it supports is profiles, which enables me to have separate key configurations for the various uses. Like I can break it up along use case lines.

Overall I’m really happy with this device and am looking forward to finding new ways to use it.
Release 0.1, simple practice to learn to create an CLI.
Published: 2020-09-30 03:04:19

Last week, my professor gave us a minor assignment that I am really excited to share my experience with you guys. It is [Release 0.1](https://github.com/Seneca-CDOT/topics-in-open-source-2020/wiki/release-0.1) (click to the link to see its details). As we can see, the project requires us to create a CLI that checks if an URL is available and push our work to Github.

But I had never created an CLI before and barely published my work on Github (I know it is kind of embarrassed to say that a wannabe programmer never pushes your work on Github.)

## So how did I do it?
#### Google 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pxzt4cz75amy3fe4mcdy.png)

I got to say Google is one of best inventions of all time. Literally, everything you can google anything you need. And guess what I can create a basic CLI using Node.js and yargs npm package. Shout out to [Yvonnick Frin
](https://yvonnickfrin.dev/) and his article [Build a Node.js CLI using yargs
](https://yvonnickfrin.dev/build-a-nodejs-cli-using-yargs). Highly recommend you guys to check his blog out.

However, this doesn't mean that I know how to create an link checker tool at all. But thanks to the help of my professor and classmates, it started to know which way to go. And yeah, a quite amount of time spent in researching and googling.

## What I learn from my experience.

Needless to say, we can learn from literal anything that happens to our life. And the development of Release 0.1 is no exception.
#### Have fun while doing it
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/93cjsp31psawn9qypqhn.jpg) Credit: shutterstock.com
Coding is fun. It is undeniable. If we are not talking about the stress while fixing bugs, it is thrilling when you can develop something and finish it instead of abandoning it like you have done before. The feeling of achievement gave me the satisfaction that nothing else could. 

#### Learn to create an CLI

I got really confused when I had to create an CLI. Simply because I have to no ideas how even though I had put a quite amount of effort to research. Still, I did not know how to do it. One more time I want to shout out Yvonnick Frin for his article. 

#### Have a better understanding of Node.js 

Despite the fact that I had interacted with Node.js before, I still find it difficult to have a good grasp of this language. But due to the time I spent on this project, I finally learn something about Node.js which I was ignorant before.

## Conclusion 

Someone used to say to me, the best way to learn is to build. No, I know why. Thank you guys for spending reading my blog. Have a good day to y'all.
Pt 1: Needles to Nuxt: Building a Website for a Tooth and Nail Tattoos
Tags: vue, javascript, codenewbie
Published: 2020-09-30 02:34:02

If you know my story, you know my previous career was as a tattoo artist. I've been given the opportunity to build a website for one of the shops I worked at previously. They've recently came under new management, rebranded themselves, and want to set their new name completely apart from their previous selves.

I have a lot of freedom with this project, and also a lot of ideas that can make it a great learning and growing opportunity for myself. I figured this would be the perfect project to document the process as I think and build through some of those ideas.

Before I ramble anymore, [here's the design.](https://www.figma.com/proto/gPWagpsKKyxhaMUuanfCrf/Tooth-and-Nail?node-id=3%3A2&scaling=min-zoom) I called myself channeling my inner [Jack McDade](https://twitter.com/jackmcdade) as I tried to create something that was pleasant from a user-experience, but with some unique/creative edge. Did I hit that mark? I'm not sure- but this is going to be fun to build either way!

If you're on Twitch, follow me [here](https://www.twitch.tv/ducky_87), as I intend to stream some of the development.

## The Tech
I'm using tools i'm familiar with for this project to keep from having to learn additional things as I try to build the functionality I have in mind. So here's the stack:
- NuxtJS (front-end)
- Tailwind CSS (styling)
- Firebase (database)

## The Idea
My oh so (not that) clever idea is to try and build a micro-cms throughout the site, powered by Firebase, that allows them to edit some content in the same view as the live page. AKA, they won't have to visit an admin dashboard and jump through tabs and submenus to edit the content. Hopefully, they'll be able to simply visit the page in question, hit the  edit button (if they're logged in as an admin), and edit the content inline where it sits.

Again, I'm not sure if this will work, or how-- but i'm familiar enough with Nuxt and Firebase to give it a good college try. They won't have full-blown editing powers. They won't be able to add new pages or navigation items.

## Here We Go
So stay tuned to this series for updates and progress reports. As I said earlier, this is pro-bono project, so I'm not sure that there will ever be a steady cadence to these writings.

With that said, let's have some fun and see what we come up with!
I'm a noob at ReactJS and made this 😅
Tags: react, javascript, codenewbie, css
Published: 2020-09-30 01:39:36

Hi everyone!

A couple days ago I made a post saying that [I was dropping my side-project](https://www.indiehackers.com/post/im-dropping-my-side-project-f08f83d251). I wanted to open more paths for the future. One of the goals I wanted to accomplish was to learn ReactJS.

Over the past 24 hours, I've spent some time learning the fundamentals of React and made my first project using it.

It is a simple CRM (Customer Relationship Manager). In this, I displayed my knowledge of components, props, state management, and styling.

View it here: 👉 https://react-crmtool.netlify.app/

Github Repository: https://github.com/BraydenTW/simple-react-crm

Any feedback or ideas for what I should try next would be *awesome*.

Thanks again!

---

This post was orignally from me on Indiehackers. Check it out here: https://www.indiehackers.com/post/after-learning-react-for-the-past-24-hours-i-made-a-simple-crm-tool-02d26f1ef9
Should I leave my current job during this time of pandemic?
Tags: discuss, career, productivity, webdev
Published: 2020-09-30 01:06:57

I have been a developer in my current company for 6yrs. and during my stay here I've learned a lot not just in web development but also in life. I enjoyed working with wonderful and amazing people/team in a great environment with great culture where I feel I'm comfortable, valued and salary is good too.

But since the start of 2nd quarter of this year everything changes because of the new management and new clients. Most of new project that we've handled we don't have much information about it and clients are hard to chase and doesn't give much details when we ask. So were just shooting in the dark. Clients also demands more and during the development lot's of changes made and new features added that are out of the project scope and we have to adjust again and that makes the project to go over budget.

I started to feel burnouts, lack of motivation going to work, stress. Still tried my very best to do each task that I was assigned and meet my deadlines but each day it gets harder and harder for me and the whole team.

Just this past 5 months some of our team members resigned because of
- burnouts
- stress
- lack of motivations
- lack of career development
- team don't get much appreciation about accomplishments

So my question is should I leave my current job and start to learn new things and improve my skills?

I have saved enough money to pay my rent and other bills like insurance, internet, food until the end of this year. But it keeps me worried that I will not have job and income.

Apologies for my bad English.

Thanks, keep safe and God Bless! :)
Typography in a CRA
Tags: react, design
Published: 2020-09-30 01:00:27

_[Unsplash Photo](https://unsplash.com/s/photos/typography?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText) by [Alice Donovan Rouse](https://unsplash.com/@alicekat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText)_

**This post assumes familiarity with CRA (`create-react-app`).**

# Ease of Typography ✨

Recently, I discovered [Typography.js](https://kyleamathews.github.io/typography.js/). I love utilities like this because thinking about design sometimes is just too much for my feeble mind 🧠.

> A powerful toolkit for building websites with beautiful design.

This means that we simply `yarn add typography` and then pick a theme (e.g. `yarn add typography-theme-fairy-gates`).

Then, in our app (maybe in 'index.js'):

```javascript
import Typography from "typography";
import fairyGatesTheme from "typography-theme-fairy-gates";

const typography = new Typography(fairyGatesTheme);

typography.injectStyles();
```

Upon removing :fire: all of the 'boilerplate CRA 💩,' adding some basic text to render and then doing `yarn start` 💦 and then checking ✔️ our app in the dev tools:

!['script tags' for typography](https://res.cloudinary.com/codefinity/image/upload/v1601426486/my-spit/New_Project.png)

With that, your typography already looks better...but depending on what fonts are on your system, you're probably looking 👀 at a 'fallback font.'

## Actually Loading the 'Google Fonts' Stylesheet

This is b/c we are not actually linking to the font's 'Google fonts' stylesheet, and this is a bit tricky to 'inject' when using `create-react-app` due to it being a 'server' generated app.

We would need: `yarn add react-typography`...but since we are using CRA, it's not clear how to 'directly' inject this into our app.

The directions in the documentation are for 'non-CRA' apps where we are directly generating our entire HTML structure, as opposed to using the 'public' directory 📁.

Here's the fix:

1. `import { GoogleFont } from "react-typography";`
2. **Inside of `ReactDOM.render` (in 'index.js' as per CRA)**:
 
  ```jsx
  ReactDOM.render(
  <React.StrictMode>
    <App />

    {/* Add this element so we can see the 'link tag' generated in the dev tools markup. */}
    <GoogleFont typography={typography} />
  </React.StrictMode>,
  document.getElementById("root")
);
  ```

Now, have a look again in 'dev tools' for your App and see something like this:

![link tag to Google Fonts](https://res.cloudinary.com/codefinity/image/upload/v1601427432/my-spit/link.png)

_Notice the link tag there._

Copy that and dump it into the `<head>` tag of 'public/index.html':

```html
<link
      href="//fonts.googleapis.com/css?family=Work+Sans:600|Quattrocento+Sans:400,400i,700"
      rel="stylesheet"
      type="text/css"
    />
    <title>Expenses!</title>
  </head>
```

You can now completely remove:

```jsx
{/* Add this element so we can see the 'link tag' generated in the dev tools markup. */}
    <GoogleFont typography={typography} />
```

You can also `yarn remove react-typography`
Team 10 Recap
Tags: collablab, juniordevelopers, earlycareerdevelopers, webdev
Published: 2020-09-30 00:53:52

[The Collab Lab's](https://the-collab-lab.codes/) tenth team (affectionately known as TCL-10) wrapped up its eighth and final week. Every team brings unique skills and talents; TCL-10 amazed us with their advanced collaboration and high-level technical skills. I would say you should be quick to snap them up (if you can---some are already hired!), but I selfishly want to hog them for my own team. 

This amazing group was comprised of: [Kat DeVrieze](https://katm.dev/), [Lauren Yu](https://laurenyz.github.io/portfolio/), [Quinn Lashinsky](https://github.com/QMaximillian) and [Tiana Johnson](https://github.com/TianaJohnson). Mentors included [Keeley Hammond](https://github.com/VerteDinde), [Lauren Beatty](https://github.com/laurenmbeatty), and [Matthew Hughes](https://matthewjhughes.com/) (a Collab Lab alum!).


![TCL-10 Participants and Mentors](https://dev-to-uploads.s3.amazonaws.com/i/i1xtj93tkvmcbbenv1k4.png)


While in The Collab Lab, 4 developers split into pairs every week to tackle 2 stories from the project's backlog. We emphasize collaboration throughout: managing asynchronous communication, pair programming, code review, version control, and project planning. A typical week flows from assignment of issues on a Sunday, to perhaps submitting a pull request(PR) by Thursday. We mentors knew we had a special group when both pairs had their first PRs up and ready for review by Tuesday afternoon!


**TCL-10 highlights:**
* 💻 Exceptional code review! We were blown away by how insightful, helpful and compassionate they were in their code reviews...from the beginning!

* ⏲️ They got ahead of schedule! Because they were so skilled, TCL-10 managed to easily tackle stories from the backlog weeks ahead of schedule. 
* 🤔 Forward-thinkers! TCL-10 looked ahead at upcoming issues to understand where the app was headed, and set themselves up for technical success with flexible and thoughtful architecture.

* 🧠 A complete re-write of the *dreaded* "estimates" function! Participants build a smart shopping list which sorts a shopping list based upon how frequently an item is purchased. The app comes with a pre-defined function that estimates the next purchase date, but this group wrote their own from scratch...a Collab Lab first!

* 👩‍🎨 They created their own design system!!! Although none of the participants were designers, they created their own design system in Figma, and leveraged MaterialUI's rich API to generate custom styles for their components. 

* ✨ Lifting each other up! I never have seen a group of people so quick to give credit to others for success. Each week we were blown away by their generosity of spirit.

**The results speak for themselves:**


![TCL-10's design system](https://dev-to-uploads.s3.amazonaws.com/i/5h7epqxc3rt01j1fi8tt.png)
![Final Product](https://dev-to-uploads.s3.amazonaws.com/i/fbn39nwwq76cknja8s1w.png)
Debugging tip for backend programming
Tags: debugging, tips, backend
Published: 2020-09-30 00:42:26

In over 5 years of professional programming, I have to say personally most of the toughest daily tasks to do is debugging. Especially user journeys where you don't know why a certain thing happened. You try to replicate the problem, but there are times that it just seems to be a big mystery. 

I know logging and audit trails can help, but I have thought something more of an easy way to do it. 

On every insert and update transactions, the DB table should have two columns: `file_name` and `function_name`

`file_name`: this means the transaction happened in this file. This helps when your repository is huge and there are multiple transactions in same table in other parts of the codebase

`function_name`: this drills down which part of file the transaction happened. Line numbers doesn't have to be saved since they are mostly changed as time progresses and codes change by the team.

So that's it, it has helped me in a particular "mystery" case. What do you think about it? Have you used this? Is this helpful? What are your debugging tips?

Cheers!
FM
Access denied for user root'@'localhost
Tags: mysql, ubuntu, dotnetcore, dotnet
Published: 2020-09-30 15:00:54

---
title: Access denied for user root'@'localhost
published: true
date: 2020-09-30 00:00:00 UTC
tags: mysql, ubuntu, dotnetcore, dotnet
canonical_url: https://solrevdev.com/2020/09/30/access-denied-for-user-root-localhost.html
---

Every time `apt-get upgrade` upgrades my local MySQL instance on my Ubuntu laptop I get the following error:

```powershell
(1698, "Access denied for user 'root'@'localhost'")
```

The fix each time is the following, so here it is for me next time save me wasting time googling the error every time.

```powershell
sudo mysql -u root

use mysql;

update user set plugin='mysql_native_password' where User='root';

flush privileges;
```

And with that all is well again!

Success? 🎉
How to copy contents from one buffer to another buffer in Node.js?
Tags: node
Published: 2020-09-30 00:00:00

---
  title: How to copy contents from one buffer to another buffer in Node.js?
  published: true
  tags: Nodejs
  date: Wed Sep 30 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/copy-buffers-nodejs
  cover_image: https://melvingeorge.me/_next/static/images/main-025def251a8068ca7b97a089c9eaf5dd.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/copy-buffers-nodejs)
  
To copy contents from one `Buffer` instance to another, we can use the `copy()` method in the `Buffer` instance in Node.js.

Let's say we have 2 `Buffer` instances from strings `Hai John` and `Hello Roy` like this,

```javascript
// Buffer 1
const strBuff1 = Buffer.from("Hai John");

// Buffer 2
const strBuff2 = Buffer.from("Hello Roy");
```

We need to copy the `Roy` part from the `strBuff2` instance to the `strBuff1` instance and paste it from the first position of the `strBuff1` object.

Let's look at how it is done using the `copy()` in the `strBuff2` object.

```javascript
// Buffer 1
const strBuff1 = Buffer.from("Hai John");

// Buffer 2
const strBuff2 = Buffer.from("Hello Roy");

// copy the Roy part from strBuff2
strBuff2.copy(strBuff1, 0, 6, 9);

// display the contents in strBuff1
console.log(strBuff1.toString());
```

### The above line reads like this: " Copy the contents from the byte 6 till byte 9 in the strBuff2 instance and paste it into the byte 0 of strBuff1 ".

The method:

- Accepts a valid `Buffer` instance to copy to (i.e `strBuff1`) as the first argument.
- Accepts a starting point in the target buffer (i.e `strBuff1`) to start pasting the content as the second argument.
- Accepts a starting point in the source buffer (i.e `strBuff2`) to copy from as the third argument.
- Accepts an ending point in the source buffer (i.e `strBuff2`) as the fourth argument.

See this example live in [repl.it](https://repl.it/@melvin2016/copy-from-one-buffer-to-another).

### Feel free to share if you found this useful 😃.

---
10 Myths that's pulling you back as a CodeNewbie
Tags: codenewbie, learntocode
Published: 2020-10-01 04:50:59

---
title: 10 Myths that's pulling you back as a CodeNewbie
published: true
date: 2020-09-30 00:00:00 UTC
tags: #codenewbie, #learntocode
canonical_url: https://thelearning.dev/blog/misconceptions/
---

1. C/C++ is the basics of programming
    - Nope! C, C++, Java, Python are all programming languages, you can learn one without knowing another
2. You have to master all the programming languages
  - Learning more than one language might sound cool, but not necessary.
  - Focus on a segment rather than a programming language. For eg., Frontend needs HTML, CSS, JS, backend needs Python/Java + Framework
3. Experienced people know it all
  - No one can keep up to the speed of the industry. Everyone is learning and evolving. 
4. You need to be a pro at Math
  - Programming needs logic, you can do that with or without mathematics. It is just nice to have not a necessity
5. I can’t do hackerrank problems, I am a bad developer
  - WRONG! Hackerrank only shows you competitive problem-solving. You can build an app without clearing any hackerrank problems
6. I will never get there
  - You will. Keep practicing, keep connecting to people. You will. 
7. Certifications matter
  - No, it doesn’t. Companies look for skills, not certifications. If you know swimming good enough. You don’t need a certificate to prove it
8. You need a job to get experience
  - The whole of technology revolves around open-source, where the code is available for everyone to use and change. You can contribute to these projects and gain experience. 
9. I can’t build a project that’s already available
  - You can copy. There is no harm in that. Try developing your own version of Facebook, Instagram, or Twitter. 
10. I don’t know the syntax; I’m bad.
  - Big NO. You have documentation to help you with the syntax. It’s not your job to remember it. Your job is to use these tools to arrive at the solution