teleren/devto huggingface dataset:
Color Psychology
Tags: psychology, color, w3schools
Published: 2021-07-18 04:54:50

## Think 💭

Why it's so important to know the meaning of colors? , Why can't we use just any color for our projects?,
Why only particular color is used for any particular purpose?

**Because** colors are more **powerful and impactful** than we think they are:
- Colors can influence human behavior.
- Colors can influence human perceptions.
- Colors can influence the taste of food.
- Colors can influence attractiveness.

 In this blog, we will talk about the **meaning** of some of the base colors.

## Red

![Screenshot (675).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413282981/TamlTrnv3.png)

### Brands/ Products
- Netflix
- Youtube
- Coca Cola
- Nescafe

## Green

![Screenshot (676).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413415930/43YUO40qO.png)

### Brands/ Products
- Spotify
- Tropicana
- Starbucks
- Heineken

## Blue

![Screenshot (677).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413550041/_JnH6ClmP.png)

### Brands/ Products
- Ford
- Facebook
- Dell
- Hp
- Twitter

## Yellow

![Screenshot (678).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413694053/bUNtnERB5.png)

### Brands/ Products
- Maggie
- Lays
- Snapchat
- McDonald's
- Flipkart

## Black


![Screenshot (679).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413906006/KlpQQFGm4.png)

### Brands/ Products
- GitHub
- Gucci
- Nike
- Adidas
- Louis Vuitton

## Gray

![Screenshot (680).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626413936106/JBsKP-yd-.png)

### Brands/ Products
- Apple
- Mercedes Benz
- Nintendo

## White

![Screenshot (681).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626414273067/A1vdqi_tT.png)

### Brands/ Products
- Uber
- Jeep
- The Beatles
- Under Armour


![color psychology 2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1626414491088/dR04u8b2Z.png)

Thanks for reading this Blog. If you liked it give it **👍** and **share** it with your friends.

We will meet in Next Blog. Until then ***Keep Learning, Keep Growing***.
Reference [W3schools](https://www.w3schools.com/)
<h2>Connect with me 👇 </h2>

Twitter|LinkedIn|Gmail|DEV
-------|---------|------|--------
 <a href="https://twitter.com/Vanshsh2701" target="_blank"><img src="https://img.icons8.com/clouds/60/000000/twitter.png"/></a>|<a href="https://www.linkedin.com/in/vanshsharma27/" target="_blank"><img src="https://img.icons8.com/bubbles/60/000000/linkedin.png"/></a>|<a href="mailto:vanshsharma9354@gmail.com" target="_blank"><img src="https://img.icons8.com/clouds/60/000000/gmail.png"/></a>|<a href ="https://dev.to/vanshsh" target="_blank"><img src="https://img.icons8.com/office/50/000000/blog.png"/></a>
Write It Down
Tags: productivity, motivation
Published: 2021-07-18 04:54:18

Everyone has their idea may it be about a video game or the food they last ate, or even the formula to solve cancer

We all have ideas and they come and go, in times when we want them and in most times when we don't want them.

Sometimes it comes in the most inappropriate times, like when we are trying to sleep.

These ideas just circle in your head, bouncing around your skull like a banshee that wants to get out.

But it doesn't, it sits and camps there for a while.

Well let me tell you the only way you can remove that nasty camper
Is by writing it down, may it be Digital or physical

Somehow it just transfers once you put it down. The beauty of writing down.

For me, the best ideas show ups when I'm trying to sleep

That's why I bring always a notebook, The Notebook of Ideas
If it's not there I have my smartphone with a note-taking app.

But it doesn't happen during sleeping only

It can happen in the shower, while you're walking, while you're commuting

But what's common of all situations, most ideas come when you are in a silent place

Where you can talk to yourself

> think, think, think.

The sad thing is this ideas come and go, once you get distracted or even think of something else, your idea is gone

Lucky you if ever you'll get to have the chance to grasp that idea again

Again a reason why you should write it down

“Like Yow right down now not later nor tomorrow”

Now is the best time before it's gone

You won't want to waste a wonderful idea

## Every Idea is important
No matter how small the solution you came up with can solve.

No matter what your race, your gender, your sexuality, or your educational background.

Its a solution to a problem

And that's helpful

It may even be incomplete

Allowing you to branch out and research more to better up your idea

## Ideas from others
Talking to other people. Fitting their shoes.

Helps you practice thinking. Helps you and your friend or whoever you are talking to unrivaled wonderful ideas

The power of having different brains!

Ideas are like a jigsaw puzzle, Sometimes they fit, sometimes they don't.
But when it does fit, it forms a beautiful image.

## Conclusion
You'll never know you'll have that one idea that can change people's lives, or even change your idea.

And you'll never know when you'll form it. And you'll never know when you'll forget about it

So keep a notebook, make it as small as possible that it fits your back pocket with that pen of yours

Because I know you're a thinker because we are all thinkers.

And all these problems we face can only be solved by sharing and contributing our ideas to the world, and collaborating with others!
Hack Reactor's Technical Assessment
Published: 2021-07-18 04:54:01

Monday brings a big milestone in every Hack Reactor student's journey: the Technical Assessment.

My understanding is that this is the big filtering event of the program. If you pass, you've successfully demonstrated your grasp of the content introduced to the point. You can build full-stack apps. Not passing means that the staff doesn't have confidence in your problem-solving process and that you've demonstrated insufficient fluency with the libraries and frameworks we use.

I think there's a fair amount of anxiety within my cohort over the TA, and rightly so. It's a scary prospect, to not advance after five long hard weeks of study and sacrifice.

##What will be covered?

Here's an off-the-top list of things that 
I think may be covered (directly or indirectly) and that are fair game:

* React (props, state, components, event-handling)
* Node (callbacks, Babel, webpack, imports, general environment stuff, starting servers)
* VSCode (debugging)
* Express (setting up server, routing, callbacks)
* Databases (SQL, MongoDB/Mongoose, schemas, CRUD operations)
* General Front-End (importing static resources, ajax get/post)

##How will I study?
Will I study? Yes. I would love to do full run-throughs of what I think are the critical sprints.

Those, to me, are MovieList (React), CowList (fullstack), and the Checkout mini-sprint (fullstack). This last one was good for Mongo, but I can probably get my Mongo work in by swapping it in for SQL in a project or two.

That said, I really only have tomorrow to 'study'. How much can I do in one day? I'm not sure. How much do I need to do? I don't think too much. I feel good about where I am. I think i'm in good shape. I feel ready.

One thing I can do is create some notes or some quick-references for specific topics.

I'll grade my perceived proficiency in the topics listed above. This is based on what we've been introduced to, not the whole scope of the tools. I'll also throw in my areas of weakness on each.

* React - 70%
* Node - 72%
* VSCode (debugging) - 78%
* Express - 75%
* Databases - 83%
* General Front-End - 80%

I think that's where I need to be to go into this TA confidently. Maybe I can nudge up each category by a few points tomorrow. Not necessarily with knowledge, but my reassuring myself that I know the topics well.
Installing NodeJS 14 on Alpine Linux
Published: 2021-07-18 03:55:29

---
title: Installing NodeJS 14 on Alpine Linux
published: true
description: 
tags: 
//cover_image: ![image-6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7c42qvb7smw3fr7bz43g.png)
 
 
---

![image-6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7c42qvb7smw3fr7bz43g.png)
 
While working on [Docker Playground](https://labs.play-with-docker.com), I wanted to try out installing NodeJS 14 over Alpine Linux OS. If you try to install it using apk tool, it will install NodeJS 12. 

Installing NodeJS 14 is a bit tricky as the below steps won't work for you.

```
wget https://nodejs.org/dist/v14.4.0/node-v14.4.0-linux-x64.tar.xz

tar -xvf node-v14.4.0-linux-x64.tar.xz And once I try to run it:

~/node-v14.4.0-linux-x64/bin # ./node 
sh: ./node: not found
```

Alpine uses musl instead of glibc, and the binaries distributed from node's website are built against glibc. Hence, the reason the official NodeJS binaries are not going to work.

# How to fix this?

You need to download an unofficial build that is built against musl

```
wget https://unofficial-builds.nodejs.org/download/release/v14.4.0/node-v14.4.0-linux-x64-musl.tar.xz
```

```
$ ./node
Welcome to Node.js v14.4.0.
Type ".help" for more information.
> 
```

Have queries? Reach out to me over [Twitter](https://twitter.com/ajeetsraina)
Learn to become a modern frontend developer
Tags: webdev, career, frontend, roadmap
Published: 2021-07-18 03:53:32

[Learn to become a modern frontend developer](https://roadmap.sh/frontend)

## What's my next learnings? 🤔

-   Test
    - Jest
    - React testing library
    - Cypress
    - Enzyme
- TypeScript
- SSR ⇒ Next.js
- Static Site Generators ⇒ GatsbyJS
- React Native
- Web Assembly

### Jest & React testing library

Official page
[はじめましょう · Jest](https://jestjs.io/ja/docs/getting-started)

Crash course
[React unit testing with Jest & React-testing-library - YouTube](https://www.youtube.com/watch?v=3e1GHCA3GP0)

### TypeScript

Official page
[TypeScript: Typed JavaScript at Any Scale.](https://www.typescriptlang.org/)

## My next actions

I will do a quick crash course for Jest and TypeScript as a start
Empleos en Data y Analytics LATAM — Julio 2021 - I
Published: 2021-07-18 03:25:15

Te compartimos las ofertas laborales del mes para áreas de Data, Analytics y Cloud 👨‍💻👩‍💻

✅ [Data Engineer - Globant (Argentina)](https://www.linkedin.com/jobs/view/2381605891/?alternateChannel=search&refId=l5hubX7Bcin%2FVc1Qa3at3g%3D%3D&trackingId=3qpT5dKmIpc6fHQZcFaTKQ%3D%3D&trk=d_flagship3_search_srp_jobs)
✅ [Data Scientist - Microsoft (Costa Rica)](https://www.linkedin.com/jobs/view/2630775458/?alternateChannel=search&refId=l5hubX7Bcin%2FVc1Qa3at3g%3D%3D&trackingId=IFJ3Y63W%2Ft%2FjkYYeHpez9w%3D%3D&trk=d_flagship3_search_srp_jobs)
✅ [Data Engineer - EY (Guatemala)](https://www.linkedin.com/jobs/view/2640139451/?alternateChannel=search&refId=l5hubX7Bcin%2FVc1Qa3at3g%3D%3D&trackingId=Uvh5ZUq8vPwkBnwaR8sHbA%3D%3D&trk=d_flagship3_search_srp_jobs)
✅ [Data Scientist - Insulet Corporation (México)](https://www.linkedin.com/jobs/view/2640228126/?alternateChannel=search&refId=l5hubX7Bcin%2FVc1Qa3at3g%3D%3D&trackingId=RDpcvcOUrb14AAVCnMdzHw%3D%3D&trk=d_flagship3_search_srp_jobs)

Aprende, aplica y crece en proyectos de Data y Analytics en Cloud.

Visita nuestra página:
👉🌐 datahack.la
What is House Of Iot?
Tags: iot, rust, python, embeddedsystems
Published: 2021-07-18 00:22:44

#General 

["House of Iot"](https://github.com/House-of-IoT) is a community and software collection that I started to encourage/assist autodidacts with home/property automation.

## What does House Of Iot provide other than a community of people?

House Of Iot provides a tutorials for common/non-common smart devices that aims to be extremely simplified , along with the matching sustainable software. 

The simple tutorials adds a nice layer of abstraction for those who don't consider themselves "tech savvy" to come and learn how to build home automation/security. 

## Motivation for starting this project?
Not too long ago I began trying to build small smart devices for my home that will make things easier to accomplish and more accessible.While doing the research regarding circuitry, I found that there was a large barrier to entry to learn about safe micro-electronics/embedded systems. This motivated me to make an attempt to make things easier for new comers in the I.O.T(Internet Of Things) realm.

#Tech stack?
House of Iot will use what ever is best for the job and will continue to evolve. Currently for software that is performance dependent(CPU Bound) we choose to use Rust due to the safe nature and speed, for things that aren't performance dependent(IO Bound) we like using python for simplicity.The web client is written currently using React(typescript). 

##Visibility?

House of Iot is open-source.

##Want to take a look at the software?
[here](https://github.com/House-of-IoT)
An unexpected benefit of short feedback loops
Tags: gamification, tdd, cicd
Published: 2021-07-21 10:02:06

---
title: An unexpected benefit of short feedback loops
published: true
date: 2021-07-18 00:00:00 UTC
tags: gamification,tdd,cicd
canonical_url: https://jhall.io/archive/2021/07/18/an-unexpected-benefit-of-short-feedback-loops/
---

During a recent discussion about the benefits of short feedback loops, as brought about by practices such as [TDD](https://jhall.io/archive/2021/03/01/the-3-rules-of-tdd-plus-bonus-rule/), [Continuous Integration](https://jhall.io/whatisci/), [Continuous Deployment](https://jhall.io/posts/benefits-of-cd/), or many other practices, somebody brought up a subtle benefit that I found both surprising, and obvious in retrospect.

These practices gamify the software creation process, and more frequent dopamine releases.

This idea apparently originated with [Jon Reid](https://qualitycoding.org/about/).

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
How to remove files from a directory having a specific extension in Linux?
Tags: resource
Published: 2021-07-18 00:00:00

---
  title: How to remove files from a directory having a specific extension in Linux?
  published: true
  tags: Resource
  date: Sun Jul 18 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/remove-files-from-directory-with-specific-extension-linux
  cover_image: https://melvingeorge.me/_next/static/images/main-2c2e3a086d3bf660d25718207ad1ebdb.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/remove-files-from-directory-with-specific-extension-linux)
  
In Linux, deleting files that end with a specific extension requires typing the `rm` command followed by a space and specifying the extension of the file after a wildcard character (`*`).

For example, let's say you have to delete only the `.txt` files (or text files) in a directory and not delete any other files types, here we can use the `rm` command like this,

```bash
# Delete only those files with
# .txt extension in Linux

rm *.txt
```

Executing the above command will delete all the files having the `.txt` extension type leaving all the other file types.

See the execution of the above command live in [repl.it](https://replit.com/@melvin2016/delete-files-with-specific-extension-in-linux#main.sh).

That's all 😃!

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

---
Convolutional Neural Networks for Image Classification
Published: 2021-07-17 22:36:27

Convolutional Neural Networks (CNNs) are a type of neural network that are commonly used for image classification tasks because, unlike neural networks, they are able to classify a high number of pixels that are often found on images. 

## What Makes a Neural Network Convolutional?
Convolutional networks are able to identify patterns much better. The main difference that allows this is the convolutional operation that uses a filter (usually 3x3 or 5x5) that is applied to each 3x3 (or 5x5) block on the original image. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l6nn3zghghrapgkvc5xv.gif)

In the above image, we see a filter is applied to each possible block to create a new matrix. 

### Using Padding to Maintain Dimensions
One thing to note is that when the filter is applied, you end up with a smaller image. In the above example, you can see that a 5x5 image with a 3x3 filter results in a 3x3 image. In addition, pixels along the edges of the original image do not get applied by the filter as much as those close to the center. 

One way to solve both of these issues is using padding, which is basically adding extra blank pixels around the edges of the image. This will return an image of the same size as the original image and allow the edge pixels to be filtered more. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ctepmcxqowgkskankjqe.gif)

### Stride
Striding can also affect the output image. Basically, you are controlling how many pixels over a filter will move, which will affect the output size (higher striding yields smaller image). For example, both examples above are striding by 1 pixel while the example below strides by 2.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4m9q0jcudfm0esqgqkth.gif)

### Pooling layer
Everything above is done before the fully connected neural network. The pooling layer is the last step, which basically downsizes the convolutional layers while "pooling" together all the patterns that the convolutional layers found. Typically, the Max Pooling parameter is used. 

## When to Bring Fully Connected Layers
After the pooling, the next steps are basically the same as building a regular fully connected neural network. Think of a CNN as preliminary prep before the fully connected layers are applied.
Run React Native Android App On Mac M1
Tags: reactnative, macbookm1, android, macm1
Published: 2021-07-17 22:27:47

Hi Guys Ravi here...
So many people asking about running the android app on mac m1 system and about its performance on mac m1. So In this post I am sharing all steps to run the react-native android app on mac m1. 

Android Emulator for M1 is not available on stable releases yet and I am also waiting for Android Studio to fully support M1 macs so that I can use it for developing my React Native project. 

But!   
Android Studio Preview has supported M1 chips pretty well so I am using that one to test my android app.

(You can also watch full video on this topic :
https://youtu.be/yOErAwnu4pc)

You can download Android Emulator for M1 from the below link:
https://github.com/google/android-emulator-m1-preview/releases/tag/0.3

1.Setup M1 Android Emulator:
You can watch my video on Android Studio Setup on Mac M1:
https://youtu.be/3clEUFzXPjA

![Running Android Emulator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4e6qnx6p2gltosns8kax.png)

2.After Setting Android Emulator On Mac M1 edit your bash_profile. To edit it open your terminal and run below command
```
open ~/.bash_profile
```
Add this line to your bash_profile, and replace the user-name with your username
```
export PATH="$PATH:/Users/user-name/Library/Android/sdk/platform-tools"
```
![Android Studio Environment Variable Setup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xl771auwiv511z0xnrli.png)
save and close. Run this command to reload your bash_profile

```
source ~/.bash_profile
```
3.Then In Terminal check available adb devices by running below command:
```
adb devices
```
It will show your Android Emulator
![Listed Android Emulator](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yas55fp80rak32hsc683.png)

4.Now Create React Native Project by running below command
```
npx react-native init AndroidApp
```
5.Once the project is created, Go to your react-native Project then go to android directory Create a file with following name "local.properties".

Open the file and paste your Android SDK path like below:
```
sdk.dir = /Users/USERNAME/Library/Android/sdk
```
![local.properties](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6k1req8jutat9bv7g84g.png)

6.Now run your react native project by 
```
npx react-native run-android
```

7.Now Your app will run in Android Emulator

![Running RN Android App](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21dj8ojuspj0rg3fumre.png)

Watch full Video here:
https://youtu.be/yOErAwnu4pc

If you have any question or facing any issue you can ask me.
If you like this post hit like button.
Thanks for reading this post.
How to position items within a container using Flex Box ?
Tags: css, beginners, programming, webdev
Published: 2021-07-17 21:22:20

#1. Create a Container with items
### Html 
```
<div class="container">
    <div class="item">A</div>
    <div class="item">B</div>
    <div class="item">C</div>
</div>

```
### CSS
```
.container{
    width: 720px;
    height: 480px;
    background-color: blue;
}

.item{
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid green;
    background-color: orange;
}
```

#2. Apply Flex Box to the container
```
.container{
    display: flex; /* flex box applied here */
    width: 720px;
    height: 480px;
    background-color: blue;
}
```
#3. Add Flex-Direction

We can now add a ‘flex-direction’ property to the container and assign one of the following values:

`flex-direction: row;` - Aligns items horizontally, left to right. 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3yombmv9yuxazn217wrx.png) 

`flex-direction: column;` - Aligns items vertically, top to bottom.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lp7oc3dbpdsmyor155yj.png)
 
`flex-direction: row-reverse;`- Aligns items horizontally, right to left.;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gzwjh5tyn3dz2k3wj1bk.png)

`flex-direction: column-reverse;`- Aligns items vertically, bottom to top.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xaq2dero888y1848c9k9.png)
 
#4. Add Justify-Content 

We can place the items at different positions along the container’s main axis by using the ‘justify-content’ property coupled with one of the following values:

`justify-content: flex-start;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6kieh5yz0wu5tkpcsnv.png)

`justify-content: flex-end;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f5hqruc0kytqhjmctkik.png)

`justify-content: center;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2ro2n75uj6env036jyg.png)
 
`justify-content: space-between;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/82s0kmiig43k07oao0aw.png)

`justify-content: space-around;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/231vsqzhjoa2pc204isc.png)

`justify-content: space-evenly;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pawdeo9kjmginde5s0z2.png)
 
#5. Add Align-Items 

We can place the items at different along the container’s cross axis by using the ‘align-items’ property coupled with one of the following values:

`align-items: flex-start;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wxbf1k66k5w34z2m1yq9.png)

`align-items: flex-end;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wsprtcdux0dvvb61631z.png)
 
`align-items: center;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzkqlwxw8v5bw8ngqeaj.png)

`align-items: strech;`
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/99gv7qus4j96pgdyu61i.png)

Our Tech works @ [Doge Algo](https://dogealgo.netlify.app/)