teleren/devto huggingface dataset:
My crazy Resume, based on Resident Evil game
Tags: cv, javascript, web, commandos
Published: 2021-05-16 11:30:07

---
title: My crazy Resume, based on Resident Evil game
published: true
description: You can navigate my CV as if you were playing the videogame Resident Evil.
tags: cv, javascript, web, commandos
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8naqcnwrxr80z3qcohe.png
---

Hi there!

My name is Miquel Camps, I'm a web developer based in Spain, you can find me on [twitter](https://twitter.com/vivirenremoto) and [linkedin](https://www.linkedin.com/in/miquelcamps/).

**TLDR: You can visit the Resume website here**
[https://vivirenremoto.github.io/residentevilcv/en.html](https://vivirenremoto.github.io/residentevilcv/en.html)

**Why Resident Evil?**

I do enjoy videogames playing and making them too as a hobby, I think they can help you to escape the daily rutine and open your mind in a creative way.

If you check [my posts](https://dev.to/vivirenremoto) you can see my resumes based on videogames like Mario Bross, Age of Empires, Commandos, etc. and now Resident Evil because I'm a big fan of the saga, especially RE4 and RE2 Remake.

I know this is not the best idea to get a job, maybe no one will understand this, I made it for fun, to be different.

**Resume parts**

1- Resume: This is the first thing you can see, you can control  a guy (Leon S. Kennedy) to move over the map using the keyboard or mouse, if you shoot any zombie with the mouse you can know more details about me (Contact data, Skills, Experience, Tools).

2- Mini game: If you hit the red button with the crosshair you can play a mini game, where i want to show you another experience using the same assets.

**Comments**

I know the code can be better, I put all my energy to do it fastest as posible and provide a good experience on desktop and mobile.

**Any questions?**

If you want to ask about something, you can leave your comment below.
Ways to convert a CSV file to Excel file in Python 3
Tags: csv, python, excel
Published: 2021-05-16 10:52:56

https://grokonez.com/python/ways-to-convert-a-csv-file-to-excel-file-in-python-3

Ways to convert a CSV file to Excel file in Python 3

In this tutorials, we're gonna look at 4 ways to convert a CSV file to Excel file in Python 3. With each way, we use one of these module: <code>xlwt</code>, <code>xlsxwriter</code>, <code>openpyxl</code> and <code>pandas</code>.

Related Posts:
- <a href="https://grokonez.com/python/how-to-read-write-csv-files-in-python-csv-module">How to read/write CSV files in Python</a>
- <a href="https://grokonez.com/python/how-to-read-write-excel-files-in-python-openpyxl-module">How to read/write Excel files in Python</a>
- <a href="https://grokonez.com/python/how-to-read-write-excel-files-in-python-openpyxl-module">Node.js Extract MySQL Data to Excel(.xlsx) File – using exceljs</a>

<!--more-->
<h2>Convert CSV file to Excel file using xlwt</h2>
With this method, we:
- use <code>csv</code> module to open and read CSV file
- then use <code>xlwt</code> module to write and save Excel file

<strong><em>*Note:</em></strong> <code>xlwt</code> can only export Excel <code>.xls</code> files, not <code>.xlsx</code> files.

Example code:
<pre><code class="language-python">
import xlwt
import csv

wb = xlwt.Workbook()
sh = wb.add_sheet('gkz')

with open('grokonez.csv', 'r') as f:
    reader = csv.reader(f)
    for r, row in enumerate(reader):
        for c, val in enumerate(row):
            sh.write(r, c, val)
            
wb.save('grokonez.xls') # not .xlsx
</code></pre>
<h2>Convert CSV file to Excel file using xlsxwriter</h2>
With this method, we:
- use <code>csv</code> module to open and read CSV file
- then use <code>xlsxwriter</code> module to write and save Excel file

More at:

https://grokonez.com/python/ways-to-convert-a-csv-file-to-excel-file-in-python-3

Ways to convert a CSV file to Excel file in Python 3
Git: Rename default branch from master to main on existing repositories
Tags: git, branch, github, gitea
Published: 2021-05-16 10:47:11

## Rename: master -> main

I renamed default branch of all my existing repositories in [Github](https://github.com/) and [Gitea](https://gitea.io/) several months ago.
Here shows how I did it.

## Tutorial

### 1. Rename brnach

Clone repository.

```console
$ git clone <repo>
$ cd <repo>
```

Rename it.

```console
$ git branch -m master main
```

Well, `git branch`'s official documentation [says](https://git-scm.com/docs/git-branch):

> With a `-m` or `-M` option, <oldbranch> will be renamed to <newbranch>. If <oldbranch> had a corresponding reflog, it is renamed to match <newbranch>, and a reflog entry is created to remember the branch renaming. If <newbranch> exists, -M must be used to force the rename to happen.

Optionally, it's able to check the result with `git status`.

```console
$ git status
On branch main
Your branch is up to date with 'origin/master'.

nothing to commit, working tree clean
```

Push the change.

```console
$ git push -u origin main
```

Done.

### 2. Configure hosting service

With Web browser, visit github or gitea, and show settings page.
Then, switch "Default branch" from master to main.

![default branch is main now](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b63q0kdf1ec7y538ysmz.png)

### 3. Delete old branch

Delete old branch if it has become unnecessary.

```console
$ git push origin --delete master
```
How to keep user logged in in Flutter? || Logout from firebase || Flutter with firebase #5

Tags: flutter, firebase, development
Published: 2021-05-16 10:42:59

Hey there, I am making the series on flutter with firebase. In this series, I am going to create the Todo App with flutter and firebase. 

Here is the 5th video of it Link: https://youtu.be/ubZpd62GKxE

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nodh11ramejxzjmfzljb.png)
Node.js Import CSV File to MySQL – using FastCSV
Tags: node, mysql, fastcsv, csv
Published: 2021-05-16 10:42:23

https://grokonez.com/node-js/node-js-import-csv-file-to-mysql-using-fastcsv

Node.js Import CSV File to MySQL – using FastCSV

<!-- wp:paragraph -->
<p>In the tutorial, Grokonez shows how to import data from CSV File to MySQL with Node.js using <code>fast-csv</code> lib.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><!--more--></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h2>Technologies</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Node.js</li><li>MySQL</li><li>Fast-CSV lib</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h2>Goal</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We create a Node.js project as below structure:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":17015} -->
<figure class="wp-block-image"><img src="https://grokonez.com/wp-content/uploads/2019/02/nodejs-import-csv-file-to-mysql-using-fast-csv-node.js-project-structurepng-1.png" alt="" class="wp-image-17015"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>CSV File -&gt;</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":17012} -->
<figure class="wp-block-image"><img src="https://grokonez.com/wp-content/uploads/2019/02/nodejs-import-csv-file-to-mysql-using-fast-csv-csv-file-structure.png" alt="" class="wp-image-17012"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p> -&gt; Results: </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":17013} -->
<figure class="wp-block-image"><img src="https://grokonez.com/wp-content/uploads/2019/02/nodejs-import-csv-file-to-mysql-using-fast-csv-mysql-records.png" alt="" class="wp-image-17013"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h2>Practice</h2>

More at:

https://grokonez.com/node-js/node-js-import-csv-file-to-mysql-using-fastcsv

Node.js Import CSV File to MySQL – using FastCSV
Understanding Kubernetes in a visual way (in 🎥 video): part 13 – Resources's Request & Limit
Tags: kubernetes, devops, docker, beginners
Published: 2021-05-16 10:42:05

---
title: Understanding Kubernetes in a visual way (in 🎥 video): part 13 – Resources's Request & Limit
published: true
description: Serie of videos about Kubernetes. Explaining in a visual way Kubernetes principles.
tags: Kubernetes, DevOps, Docker, beginners
series: Understanding Kubernetes in a visual way - (in video) in video
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fabi3hfmrbx6jukr7e8v.jpg
---

Understanding Kubernetes can be difficult or time-consuming. In order to spread knowledges about Cloud technologies I started to create sketchnotes about Kubernetes, then I've auto-published a book and since now I've started a new serie of video! :-)

I imagined a serie of short videos with a mix of sketchnotes and speech.

I think it could be a good way, more visual, with audio & video to explain Kubernetes (and others technologies).

This episode is focused on Resources's Request and Limit.

{% youtube IIUH6n_rluc %}

The video is in French BUT I done the subtitles in english (and french too).

If you liked the video and are interested to watch another ones, please give me some feedbacks (and you can also subscribe to [my Youtube channel](https://www.youtube.com/channel/UCrRk0kOP58lBMl9B8ZS8Vlg), if you want to ❤️).

If you are interested, I published all the sketchnotes on Kubernetes (and new ones!) to make a "book" of 165 pages: ["Understanding Kubernetes in a visual way"](https://gumroad.com/aurelievache#uCxcr).

If you like theses sketchnotes, you can follow me, I will publish others sketchs shortly :-).
Wordpress Permalink( shows 404) not working in LAMP stack ubuntu 20.04
Tags: wordpress, permalink, lamp, ubuntu
Published: 2021-05-16 09:55:06

## Assuming 
- php7.4 is running(php8.0 showed way to many error to run wordpress)
- you've placed your wordpress project in /var/www/html/mywordpress and given it file permission 755(basically read & write in folder/files & subfolder/files)
- setuped the db connection in wp-config.php properly
- went to url: "localhost/mywordpress/wp-admin" and allowed the permalinks
- an automatic .htaccess would have been created or wordpress UI will give you the .htaccess file content. copy it and paste it in "mywordpress" folder

before rewrite
```sudo a2enmod rewrite```
make sure its enabled


Here's the solution
1. go to this file
/etc/apache2/apache2.conf

2. open it in sudo nano or simply drop the file in vscode
Go to line "159"

and update this line
```
<Directory />
	Options FollowSymLinks
	AllowOverride none
	Require all denied
</Directory>
```
to
```
<Directory />
	Options FollowSymLinks
	AllowOverride All
	Require all denied
</Directory>
```
and 
on line 170
```
<Directory /var/www/>
	Options Indexes FollowSymLinks
	AllowOverride none
	Require all granted
</Directory>
```
to
```
<Directory /var/www/>
	Options Indexes FollowSymLinks
	AllowOverride All
	Require all granted
</Directory>
```
now save the file 
and in cmd run this

```sudo service apache2 restart```

this should fix it
email setup help
Tags: cybersecurity, security
Published: 2021-05-16 09:48:54

I'm the manager of Dupuy Insurance, the owner gave me access to his agency email. Shame to write, I'm technological savvy, however I'm having trouble setting up an email. I've done it before, it was fairly simple, however for some reason I'm having a mental block.

The business website if it matters to you is https://dupuyinsurance.com
Nullish Coalescing support in Angular template
Tags: angular, learning, codenewbie, typescript
Published: 2021-05-16 09:35:47

Hello Devs, 

I am going to explain about **Nullish Coalescing (??)** . Few days back while reading release details about Angular 12 I just got to know about this new word and how to write cleaner code in typescript. So, now Angular 12 view template is supporting **Nullish Coalescing(??)**

Let's first understand the meaning of **Nullish Coalescing (??)**. Then how it is supported in Angular 12 version view template. 

**What is Nullish Coalescing (??)** ? 

Nullish - means `null` or `undefined`

Coalescing - means combine (elements) in a mass or whole.

The nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.

![nullish-coalescing.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1621108050074/J0-WXwpNM.png)

```
const a = null ?? 'hello world';
console.log(a);
// output: "hello world"

const b = 0 ?? 2;
console.log(b);
// output: 0
``` 
Syntax to use -  
``` 
(Left side expression)   ?? ( Right side expression) 
```


**Note** : The nullish coalescing operator avoids this pitfall by only returning the second operand when the first one evaluates to either null or undefined (but no other falsy values) (e.g., '' or 0).

Another point to mentioned is `&&` or `||` operator cannot pair directly with `??` operator. You have to provide parenthesis to explicitly indicate precedence is correct. 

Not allow 🚫
```
null || undefined ?? "Hello World"; // raises a SyntaxError
true || undefined ?? "Hello World"; // raises a SyntaxError
```
Allow ✅
```
(null || undefined) ?? "Hello World "; 
// Output "Hello World"
```

Now you understand what is **Nullish Coalescing (??)**. Let's understand how this is supported in Angular 12.

Currently if you are using a statement in a template like this. Where `imageUrl` is either set by component or child component. if `imageURL` is not set then go for `getRandomImages()` as default variable. 

```
{{imageURL !== null && imageURL !== undefined ? imageURL : defaultImageURL }}
```
Can be written using **Nullish Coalescing (??)**
```
{{ this.imageURL ?? this.defaultImageURL }} 
```

{% codesandbox hzbc9 %}
 [Github Code Link ](https://github.com/aviboy2006/angular12-nullish-coalescing-example) 

Thanks for reading this blog. Hope you understand this concept. And if you have any query related to this concept can reach out to me over my twitter handle  [@aviboy2006](https://twitter.com/aviboy2006) or can raise an issue on GitHub link. If you like this blog don't forgot drop star on GitHub repository. 

**References** : 
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
- https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49
La pandemia sta dimostrando la necessità per tutte le attività di essere online
Tags: seo, searchengineoptimization, webmarketing, covid19
Published: 2021-05-16 09:15:39

Il **marketing online** è spesso sottovalutato da alcune aziende, ma con la chiusura a causa del contenimento Covid, gli unici mercati disponibili sono proprio quelli online. Tenendo in considerazione il fatto che l’economia di un’azienda non si fonda sui ristori del Governo, un **buon asset di investimento per le somme ricevute potrebbe essere quello del marketing online**. 

In questo difficile momento dove l’evoluzione della pandemia da Covid-19 ha costretto tutti noi a cambiare drasticamente le nostre abitudini di vita, rimanendo confinati all’interno dei nostri appartamenti, sta assumendo grande rilevanza l’utilizzo di internet e di tutti i servizi online.

**Il 2019, pre-Covid,** **ha fatto registrare un dato importante: il** **90% degli italiani utilizza internet per effettuare una ricerca di un bene o di un servizio**, il 96% di questi utilizza Google.

Il 2020 e 2021, post-Covid, ha fatto registrare, per forza di cose, un’ulteriore crescita degli italiani che hanno utilizzato internet per la ricerca di qualsiasi bene o servizio. La pandemia sta dimostrando la necessità per tutte le attività di essere online e soprattutto di essere visibili per farsi trovare dai potenziali clienti nel momento che effettuano una ricerca.

Proprio per questo motivo essere presenti e visibili online oggi è di fondamentale importanza. La SEO (Search Engine Optimization) è uno **strumento di marketing digitale essenziale in questo momento di crisi** sia per guardare al lungo periodo che per cavalcare l’onda delle nuove ricerche dei clienti. La SEO è l’insieme di strategie e azioni necessarie volte ad **aumentare la visibilità di un sito all’interno dei motori di ricerca**, nei risultati organici non a pagamento.

Per poter ottenere visibilità all’interno dei risultati dei motori di ricerca, occorrono molte **competenze tecniche e strategiche** per comprendere al meglio i **continui aggiornamenti di algoritmo** e quindi come ragiona Google. Un [consulente SEO Specialist](https://consulenteseospecialist.it/) esperto è in grado di pianificare **interventi mirati sui fattori che influenzano maggiormente l’algoritmo** e sviluppa la **migliore strategia per il tuo business** al fine di ottenere la massima visibilità all’interno dei motori di ricerca.
New in frontend world
Published: 2021-05-16 09:05:50

Hello all,
I'm new in this community and I'm developing since last 12 years mainly backend stuff and did a few minor changes in very old frontend frameworks.

In my personal projects I'm now learning new frontend stack like angular, vue and react.

Can anyone please explain how this ngrx store should work in both directions? Let's say some data is loaded into a ngrx store and in the meantime this server data is updated by another client. From my understanding stores are managing a central app state and avoid additional Ajax calls by caching of data. Well, that means from time to time local frontend data is outdated and ngrx store needs somehow be updated.

How is this solved in a professionell web application? Do you implement web sockets, server sent events or something similar to update frontend stores from time to time? Can you give me any helpful hints how this can be achived or what's here state of the art? 

Thanks
SEO and multilingual web app with distinct URLs
Tags: react, webdev, opensource, seo
Published: 2021-05-16 09:03:19

I’ll present you in this article how to have a SEO friendly multilingual web app.

If you want to have worldwide users using your web application, you are at the right place.

As you may know, Google won’t display your website in France if it is written in Russian. Obviously, you’ll need to translate all the pages of your web application for each country targeted. But this is not enough, and here is why I decided to write this article 😃

Even if you have multiple languages available on your website, you must notify Google that you have them. 

How ? We’ll see how to use **distinct URLs** and **Hreflang tags**.


# Prerequisites

You can use this module to learn how SEO works for multilingual website, or just to copy past it in your project to improve your SEO direclty.


# Stay SEO friendly

The common solution to translate a web app is to store user’s language in a local storage or a cookie in the browser/device. 

This is correct but not SEO friendly at all as Google can't know that you have multiple languages 😢
Indeed, the Google bot gets your pages through a `curl` command, and does not have any local storage or cookies.


## use distincts URLs!

And… distincts URLs comes to the rescue!

You can use them to distinguish your translated pages by: 
- domain
- subdomain
- extension
- repertory
- query

As examples, Twitter uses queries:
- `https://www.twitter.com?lang=en`
- `https://www.twitter.com?lang=fr`

and Wikipedia uses subdomains: 
- `https://en.wikipedia.org/wiki/LinkedIn`
- `https://fr.wikipedia.org/wiki/LinkedIn`

Choose the one you prefer, the important point here is to have different URLs 😃


# use hreflang!

Hreflang tags are used to specify all the translations available for a page.
It helps Google to understand that your apps has several languages, in addition to the distinct URLs you set up.


The theoretical part is now over, we can move on to the funny part, the implementation 😊
For this part, as it’s more code oriented, everything is available **[here](https://fast-modular-project.com/modules/multilingual-seo-optimisation-hreflang) and on GitHub**.

It gives: 
- the setup of the React router according to your distinct URLs
- utils functions
- the setup of `hreflang` tags with `react-helmet`

## Conclusion

Hope you enjoyed the article, do not hesitate to ask if you have any question on the theoretical part or on the implemation steps. I’ll be in the comment section as usual.

Pin & like if you enjoyed this article ! ❤️
Rails Project - Rate My Hairstylist
Published: 2021-05-16 08:27:04

### Project Idea ###
For my third project,  I decided to build rating and reviewing web application. 

### Relationship ###
I created 3 models; User, UserStylist, Stylist.
User will have many stylists and Stylist will have many User through user_stylists. UserStylist(which will be review/rating model) model will be a join of User and Stylist. It belongs to user and stylists.

![Screen Shot 2021-05-16 at 3.51.48 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gdyeya403d54h95wbrvs.png)
 



### Data Migration ###
By using rails g resource function, it was really easy to create migrations. Since this project requires omniauth log in function, I've added "uid" and "provider" as user's attributes. I'll user Google omniauth login for my project. 

### Rested routes ###
Here are all the routes for this web application.
 
![Screen Shot 2021-05-16 at 3.56.11 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/np0fr5tp7k4mh7nnlrhp.png)

There is a nested route for user_stylist. For example, "user/3/user_stylists/46" will be the review details page which is a show page of this user's review. 

![Screen Shot 2021-05-16 at 4.00.32 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vnecxka8kghc8t9kiuop.png)

A nested new route with form will be following.
![Screen Shot 2021-05-16 at 4.03.57 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e0pes7ukdhhvmjie031z.png)
  

### scope method ###
Rather than using native Ruby method, this time, I've added two scope method; Most Reviewed hairstylists and High-rated reviews. 

![Screen Shot 2021-05-16 at 4.10.44 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omgwpvb2wqo25ab76nm2.png)
![Screen Shot 2021-05-16 at 4.10.59 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycjgmmnyo7ahsy5vpbhu.png)

Those are my code for the two scope method. First one shows top 5 most reviewed hair stylists name. The second code is for rating scope that means each hairstylist has their reviews with star rating and by using that star attribute, I defined scope method to show only 5 stars reviews.

### Conclusion ###

By having the 'resources' keyword, rails sets up every 'RESTful' route associated with that model. The routes magic were the one that really shined for me. I had struggled a lot dealing with all of Rails server errors to get promptly worked this application; however, each time, I've learned more than one error since one error causes usually another error.
Hangs on every word of MDsoftdew, the first lunch at the moon's place
Tags: 100css
Published: 2021-05-16 08:46:11

They are clever, smart, and intelligent. And they are eager to invest in a terrific app - hangs on every word of "MDsoftdew, the first lunch at the moon's place"."
you're absolutely right 100 CSS loaders for your next project You will make a super fast website/application with your use loaders.