teleren/devto huggingface dataset:
Walk & Discover 
Tags: react, programming, productivity, javascript
Published: 2021-03-14 09:43:35

Hello everyone, 
I am very happy to announce my first reactJS project with you. I struggled to learn how to react, and after my reaction course I started developing this project to practice. It's name is  Walk & Discover.It basicly getting cool walking videos from the youtube and streaming on my page.

Link : https://walkanddiscover.herokuapp.com/

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

Most of us haven't done much traveling in the past year, thanks to the coronavirus pandemic. So, it's been a while since we've had the pleasant experience of walking, through another city, taking in the sights and the sounds.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5z1eot61w0tp4mpi2hi8.png)

You can choose whatever you want from the left burger-menu. Now 3-4 section are avaliable snow, rainy, forest and train. You will be walk in the New York or Toronto or somewhere else maybe whether will be snowy or rainy. You can do all things with walk and discover. 

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

You can use this website while working on something or just for chilling. After 2-4 minutes you will deep into the video and you will love it. Enjoy :D 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0g9sge5rjz489jx261p0.png)

I will read your comments carefully and develop them according to you. You can write good or bad things about Walk and Discover or you can specify like you should add this or remove this. I am open to all your suggestions. Remember, It is my first project so it will surely have errors and omissions, please do not forget this. Thank you.

Link : https://walkanddiscover.herokuapp.com/
Awesome AWS CDK - Part 2 - Setting up AWS CDK
Published: 2021-03-14 09:39:04

## What you will learn in this part
In this tutorial, you will learn:
- How to install AWS CDK

Let's go!

## Pre-requisites
You are going to need:
- [An AWS account with programmatic access](https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html)
- [Node.js](https://nodejs.org/en/)

## Setup
- Make sure you have Node.js setup
- Make sure your aws credentials are properly configured.

Here's an example of my AWS configured access files where I have my own personal aws account as the `default` profile and two other aws accounts for my work company -- acme-corp👨🏿‍💻.

AWS `credentials` file:
```
# Linux and MacOS: ~/.aws/credentials
# Windows: %USERPROFILE%\.aws\credentials

[default]
aws_access_key_id=xXXxxxxXXXXxxxxxxx
aws_secret_access_key=xxXXXXxxxXXxXxx

[acme-corp-prod-acc]
aws_access_key_id=xXXxxxxXXXXxxxxxxx
aws_secret_access_key=xxXXXXxxxXXxXxx

[acme-corp-dev-acc]
aws_access_key_id=xXXxxxxXXXXxxxxxxx
aws_secret_access_key=xxXXXXxxxXXxXxx
```
AWS `config` file:
```
# Linux and MacOS: ~/.aws/config
# Windows: %USERPROFILE%\.aws\config

[default]
region=us-west-2
output=json

[profile acme-corp-prod-acc]
region=us-west-2
output=json

[profile acme-corp-dev-acc]
region=us-west-2
output=json
```

- The AWS CDK will look for these files when it needs access to whatever AWS accounts it needs to deploy resources to.
- It helps that the IAM credentials used have administrator privileges when deploying resources as this will reduce a lot of headache regarding permissions. 
- You can filter out permissions and privileges if you have a good understanding of AWS IAM and the permission needs of your deployments.

### Install the AWS CDK globally (so that you can bootstrap a new CDK project in your language choice) in any folder
```
npm install -g aws-cdk
```
Check that its installed
```
cdk --version
```

That's it!

In the next part, we will set up a project with the cdk and deploy it!


-------
Hi I'm [Emmanuel](https://emmanuelnk.com)! I write about Software and DevOps.

If you liked this article and want to see more, add me on [LinkedIn](https://www.linkedin.com/in/emmanuel-nsubuga-kyeyune/) or follow me on [Twitter](https://twitter.com/emmanuel_n_k)
Poetry and IT
Tags: database
Published: 2021-03-14 09:37:12

Selenium and E2E but what about little old me

I am the one doing the work that the end users see

Do you not know the heart and soul of any application

Is me, the API, have some consideration

 

If for some reason you're not sure, what checks need to be done

Join Rester Tester from this week on and let us have some fun

We will explore, have fun and code and overcome frustration

And Rest Assured what will Get is unique creation.

 

The link below needs to be checked

At least once in a while

Updates will come least once a week

And a lot they will pile

You know the drill so have a look, subscribe and like at once :)

Come join me and have some in this API dance.

 

https://lnkd.in/eDuD77J
Can SQL be fun?
Tags: database
Published: 2021-03-14 09:36:49

When I first learned about databases I did so it so old fashion that you cannot even dream of right now.

Went to the library, got a book and Databases and took it home for the summer. You might say well that is normal, you do the same right now. But there is one catch.... I had no computer at the time.

So I had to picture all of the databases, tables, queries in my head and then check if my results matched the ones in the book.
I got the point that the whole world was a big database and I made little games in my head to practive SQL ( Select * From Fridge where Name like Egg)

Year later I came across a nice and fun way to both learn and practice SQL. I decided to do a video about it and share my experience with all of you

https://www.youtube.com/playlist?list=PLNQq42pqd-rz-g1vAjnCqBzL10GyvbyNl
This is an OpenPGP proof that connects my OpenPGP key to this dev.to account.
Published: 2021-03-14 09:31:25

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/CCAA9E0638DF9088BB624BC37C0F8AD3FB3938FC) to [this dev.to account](https://dev.to/mimikun). For details check out https://keyoxide.org/guides/openpgp-proofs  [Verifying my OpenPGP key: openpgp4fpr:CCAA9E0638DF9088BB624BC37C0F8AD3FB3938FC]
About TutorialInHindi.com
Tags: tutorial, tutorialinhindi, html, htmlinhindi
Published: 2021-03-14 09:20:51

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zu8r1vl21tpbhxgzzd7v.png)
<a href="https://www.tutorialinhindi.com/">Tutorial in Hindi</a> एक तकनीकी शिक्षा वेबसाइट है। हमारा लक्ष्य इस वेबसाइट के माध्यम से, कोई भी व्यक्ति कंप्यूटर प्रोग्रामिंग लैंग्वेज जैसे की <a href="https://www.tutorialinhindi.com/category/html/">HTML</a>, <a href="https://www.tutorialinhindi.com/css-tutorial-hindi/">CSS</a>, <a href="https://www.tutorialinhindi.com/javascript-tutorial-hindi/">JavaScript</a>, <a href="https://www.tutorialinhindi.com/c-language-tutorial-hindi/">C</a>, [C++](https://www.tutorialinhindi.com/cpp-programming/c-plus-plus-hindi/),  आदि को अपनी भाषा हिंदी में सीख सके।

यहाँ HTML ट्यूटोरियल संदर्भ है:

1. <a href="https://www.tutorialinhindi.com/html/html-hindi/">HTML क्या है?</a>
2. <a href="https://www.tutorialinhindi.com/html/history-of-html-hindi/">History of Html in Hindi.</a>
3. <a href="https://www.tutorialinhindi.com/html/features-of-html-hindi/">Features of HTML in Hindi.</a>
4. <a href="https://www.tutorialinhindi.com/html/best-html-code-editors-hindi/">HTML Editor क्या है – Best HTML Code Editors.</a>
5. <a href="https://www.tutorialinhindi.com/html/html-tags-in-hindi/">HTML Tags in Hindi.</a>
6. <a href="https://www.tutorialinhindi.com/html/all-html-tags-list-hindi/">All HTML Tags List in Hindi.</a>
7. <a href="https://www.tutorialinhindi.com/html/html-attributes-hindi/">HTML Attributes Tutorial in Hindi.</a>

हिंदी भाषा में, FULL HTML Course Free में सीखने के लिए "<a href="https://www.tutorialinhindi.com/html-tutorial-hindi/">Learn HTML in Hindi</a>" पर जाएँ।

यहाँ कुछ CSS ट्यूटोरियल संदर्भ है:
1. <a href="https://www.tutorialinhindi.com/css/css-kya-hai-hindi/">Lesson 1: Introduction of CSS.</a>
2. <a href="https://www.tutorialinhindi.com/css/syntax-of-css-hindi/">Lesson 2: Syntax of CSS.</a>
3. <a href="https://www.tutorialinhindi.com/css/types-of-css-hindi/">Lesson 3: Types of CSS.</a>
4. <a href="https://www.tutorialinhindi.com/css/external-css-hindi/">Lesson 4: Learn External CSS</a>
5. <a href="https://www.tutorialinhindi.com/css/css-selectors-hindi/">Lesson 5: CSS Selectors</a>

FULL CSS Course Free में सीखने के लिए "<a href="https://www.tutorialinhindi.com/css-tutorial-hindi/">Learn Complete CSS Course in Hindi</a>" पर जाएँ।

एक अच्छा <a href="https://www.tutorialinhindi.com/career/web-developer-hindi/">वेब डेवलपर</a> बनने के लिए आपको पहले HTML और CSS सीखें और फिर JavaScript सीखें।

जावस्क्रिप्ट भाषा सीखने के लिए यहाँ "<a href="https://www.tutorialinhindi.com/javascript-tutorial-hindi/">JavaScript Tutorial in Hindi</a>" पर सीखें।
Top 10 Programming Memes for Coders
Tags: memes, programming, datascience, machinelearning
Published: 2021-03-14 09:12:31

I have aggregated this list of top memes for programmers, coders and people interested in languages.
## 1. Newbies Interested in Python
![Python meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x3l1zomu6ll1bnajfudo.png)
Source: [Humornama](https://humornama.com/memes/newbie-coders-running-after-python-js/)
## 2. Clever Data Scientist
![Data Science meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zpi381vflkwz005yvua.jpg)
Source: [Data Science](https://humornama.com/t/programming/)
## 3. Newbies Interested in Python
![Pair Programming meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5bpfd86elx3v9vgavclq.jpg)
Source: [Twitter](https://twitter.com/programemes/status/1369392889843900418/photo/1)

## 4. That's so funny!
![hello world meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mitiiusbw0uoxhkg4f9w.jpg)
## 5. So she said HTML is a programming language?
![HTML meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rxb0ez2ai9g0m6aekc7n.jpg)
## 6. Stackoverflow helps like:
![Stackoverflow meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/no2ngaxk6je59y6grxvp.jpg)
## 7. Compile Error....
![Compile Error meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pc827iixeo085pyihwmu.jpg)
Source: [Facebook](https://www.facebook.com/ProgrammersMemes/photos/2910675409026383)
## 8. Hey!! You programmer?
![Programmer memes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rho5ghbemr6lamcdqo3q.jpg)
Source: [Pinterest](https://in.pinterest.com/pin/209910032623271581/)
## 9. Enough coding for today!
![code meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k5lvwqo4ib05ssna1dh2.jpg)
Source: [Deviantart](https://www.deviantart.com/bapugraphics/art/programming-memes-784152046)
## 10. That touch of AI
![AI meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pnaft33yaanmvsyx9x0r.jpg)
Source: [Reddit](https://www.reddit.com/r/DataScienceMemes/comments/m1qyrx/more_than_enough_ai/)

Hope you liked these memes. Would love to know your best one from this lot of top programming memes.
Understanding let vs var vs constant in Javascript
Tags: javascript, beginners, tutorial
Published: 2021-03-14 08:51:03

All Javascript applications need to work with information in order to store information we make use of variables that are declared using *var*, *let*, *const* keywords.

> The major difference between the variable declared as var and the variables declared as let and const are var creates a function scoped variable whereas let and const create blocked scoped variables.

###### What is function scoped variable ?
*A function scoped variable is available anywhere declare inside the function*

**Note: if a var variable is not inside a function then it is globally scoped**

###### What is block scoped variable ?
*A block-scoped variable is only available inside the block it is declared in i.e if, while block*

```
if(true) {
   var  var_variable = "This is a variable declared with var keyword"
}
 console.log(var_variable) 
 //Output: "This is a variable declared with var keyword"
if(true) {
   let  let_variable = "This is a variable declared with let keyword"
}
 console.log(let_variable) 

 //Output: Uncaught ReferenceError: let_variable is not defined

```

> Another difference is the variable declare with var keyword can be completely redefined but let variable cannot be redefined 

```
var  var_variable = "This is a variable declared with var keyword"

var  var_variable = "var variable is redefined"
 
console.log(var_variable) 

 //Output: "var variable is redefined"

 let  let_variable = "This is a variable declared with let keyword";

 let  let_variable = "let variable is redefined" 
  
 console.log(let_variable)

 //Output: Uncaught SyntaxError: Identifier 'let_variable' has already been declared

```

> A variable declared with var can be used before it declared but in case of let or const it cannot be used.

**Note: if a variable is declared using const keyword it cannot be reassigned**

*The properties of objects declared with const keyword can be 
reassigned*

```
const userDetails = { id:121 };

userDetails.id = 125

console.log(userDetails) 

```

In the above example, the object `userDetails` is declared using the const keyword and its property `id` is reassigned.

Looking at all the above differences it usually recommended to use the let and const keyword over the var keyword.


That's All folks, Thank you.
Full Tutorial #11: Building the Frontend With React and Blueprint.js | Microservices Chat App Using React, Node and GraphQL
Tags: react, node, webdev, javascript
Published: 2021-03-14 08:18:14

**About Me:** I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at [Better Coding Academy](https://codebetter.com.au), and as part of what I do, I post videos on our YouTube channel at [https://www.youtube.com/c/BetterCodingAcademy](https://www.youtube.com/c/BetterCodingAcademy).

_(Subscribe for awesome web development content!)_

Part 11 of the Microservices Chat App is here! In this episode, I start setting up the frontend of the Chat App using React and [Blueprint.js](https://blueprintjs.com/).

{% youtube jX58XqjIeWw %}

Happy coding!

Source code: [https://github.com/lucaschen/microservices-chat-demo](https://github.com/lucaschen/microservices-chat-demo)
Beauty of the angular 🤩 Create Multiple application in single workspace.🔥
Tags: angular, typescript
Published: 2021-03-14 08:11:56

One of the Beautiful feature added in [Angular CLI](https://angular.io/cli/new) was the `--create-application` flag. 

 By default --create-application flag is `true` it will Create a new initial application project in the `src` folder of the new workspace. When `false`, creates an empty workspace with no initial application. You can then use the generate application command so that all applications are created in the projects folder.

**Let's start creating the empty workspace:**

> `ng new angular-apps --create-application=false`

> `cd angular-apps`

Here *angular-apps* is sample name given for the workspace and *--create-application=false* is allow us to create the empty workspace.

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

Now empty workspace is created in your system, if you look at the `angular.json` file, it is having empty `projects` schema, it means we have not created the project yet.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03am4q7o2ilbxr4qobv3.png)


**Let's add first project to the angular-apps workspace:**

we need to use the `ng generate application` command The first app created is marked as the default app.

> `ng generate application exampleApp1`

now, `exampleApp1` is successfully created in `angular-apps` workspace, if we look at the `angular.json` file, exampleApp1 schema added inside the projects schema.

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


**Add Another Project to the angular-apps workspace:**

To create another app, run the `ng generate application` command with different application name again.

> `ng generate application exampleApp2`

`exampleApp2` app is created into the workspace and schema automatically added inside the `projects` in `angular.json`.

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

Like this we can add multiple application in same workspace.

**Run the App on development mode:**

use `ng serve` command to run the application.

> `ng serve exampleApp1` // to run exampleApp1 app
> `ng serve exampleApp2` // to run exampleApp2 app

OR

> ng serve --project="App Name"

*Note: Each app will be run on the different port, if multiple apps running simultaneously.*

**Building the App for Production:**

Use `ng build` to build the app with `--project` option.

> `ng build --prod --project="exampleApp1"`

> `ng build --prod --project="exampleApp2"`

here you can find the source code for [multiple-app](https://github.com/Krishna7852/Angular-Multi-App) in single workspace.
Booking a vip taxi in Barcelona with Taxi Mercedes
Published: 2021-03-14 07:59:30

Most of you may know, that these days, Spain is highly acclaimed for foriegn tourism due to their permission to enter without need for quaranteine, and also having the bars / restaurants etc open almost all day.

Barcelona and his metropolitan area which includes beautiful beach like the ones in Castelldefels (a city close to Barcelona at about 15–20km) have beautifil sunny days, with very nice people. Close to Sitges. (Sitges is far away from Barcelona compared to Castelldefels).

This is the beach of Castelldefels in Barcelona. Took 20 minutes to go with a taxi from my hotel in Barcelona.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y7fxhvghia9itd4t5o7a.jpg)

If you need to move between, say from the airport to your hotel or viceversa or going from Barcelona to Castelldefels, etc… you can do it safe and confidential, within the Barcelona taxis.
There's one company I use most, called taxi mercedes barcelona having a website with same name, http://taxi.mercedes.barcelona

The company I mention in this article, taxi mercedes barcelona have VIP vehicles, only Mercedes-Benz and some Teslas (model S).
As of Mercedes taxis they have the E class (avantgarde versions) and V class (I saw even a few V250 AMG) with up to 7 passangers.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/32cfyc8fp4vznkfbrper.jpg)

Affordable prices such as fix price from Airport to Barcelona or viceversa starting at 39.95€ in daylight or 45€ on the night, all included (for up to 3 or 4 passangers) and a charge of +15 euros if you are 5 or 7 people, thats good compared to normal taxi fares, and all of they taxis are Mercedes, with good drivers

Within the web you can reserve a taxi, but you can call or send a whatsapp , to their , i must admitt, best and easy to remember phone numer, the +34 933 333 333

Try it

Note: Theres other company called taxi class, but seems not too much unreliable, read the history here: http://taxi.class.mercedes.barcelona , as they are faking google ranking
Help evaluate my Resume!
Tags: uxdesign, uxdesigner, resume, resumeforuxdesign
Published: 2021-03-14 07:58:40

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/um7f65yugm49txpvi5wa.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pcauo6zzmhj7jzizi1d8.jpg)

Hello All :) Welcome!
So this is my resume, it's 2 pages long. I recently graduated with a diploma in User Experience Design. Apart from only considering further studies, I'm also looking out for job opportunities.
Therefore, I ask for your help, to kindly help me evaluate my resume (both good and bad!) and let me know what parts I can improve on!

p.s. thanks for your kind help
Day65,66,67,68: 100DaysOfCode
Tags: 100daysofcode, programming, productivity
Published: 2021-03-14 07:48:35

gave reply challenge 2021,
our team scored 17.721.376.810 pts in the challenged and ranked 247 in the world.

better than hashcode :), practised trees on leetcode.

studied bitwise operators in detail for cp,practised few ques from hackerearth and codeforces for bit manipulation.

studied power set,will be practising few ques on it today .

thinking of completing my portfolio this week lets see :_

EOD
You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
How is opensource competing with paid software?
Published: 2021-03-14 07:37:36


Everyone has heard about open source software, and more often than not, we use this kind of software without realizing it. But to a broke college student like me (doing a CS degree)I look for these “free” software to come to my aid. 
 
Recently, the question I have found myself asking while using open-source software is " how do these open source projects manage to stay afloat? "


# How demand and supply fuel commercial software development 

Inside economics, there is this concept of demand and supply. The concept of demand and supply is simple. It maps the relation of the presence of a commodity to how many people want the commodity.
 
In other words, demand is what fuels the innovation and feasibility of a product. The model represents if there is a niche community the people wanting to invest in it are low therefore the price of the product is kept high to compensate for the lack of investment. 
 
 
Traditionally, a profitable company must be able to sell their products for them to well operate for a longer time. But that isn’t the case with the open-source software spectrum. 


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




# How does open-source make money? 

Most open-source projects generally begin with people solving their problems and choosing to share their code online. They don’t charge for the reuse of their source code but look for alternatives to make money. e.g. Linux. 

Primarily : 

1.	Support  
2.	Hosting 
3.	Restrictive licensing
4.	Hybrid licensing
5.	Open-core 

*You can read more about them [here](https://blog.timescale.com/blog/how-open-source-software-makes-money-time-series-database-f3e4be409467/)*

# Signing off 

“How do these open-source software make money” is a great question to ask ourselves. For multiple reasons, if we want to work on an open-source start-up, adopt open source software or establish a working business. We do need it to be well sustainable. Open-source software has no cost associated with the usage of source code it has to rely on other factors 

Like any other business, open-source software has its own set of challenges to be made into a reliable business. But the important thing to recognize is the modern software industry has endless possibilities. there are lots of ways to make money in software
#4 Adding existing project to git repo
Tags: github, codenewbie, programming, tutorial
Published: 2021-03-14 07:27:30

1. Create a new Repo from the UI
2. Navigate to current project directory from terminal and run the below commands.

*Initializes the local directory as a git repo*
```
git init -b main
```
*Add the url for the remote repo where the local repo will be pushed*
```
git remote add origin git@github.com:<github-url>
```
*Pull changes from remote repo to local(.gitignore, READMe.md)*
```
git pull origin main
```
*Add the files to be committed *
```
git add .
```
*Commit*
```
git commit -m "Initial commit"
```
*Push the changes to remote*
```
git push origin main
```