teleren/devto huggingface dataset:
The Bearded Theme: A Popular Choice for Visual Studio Code
Tags: vscode, theme
Published: 2023-04-08 17:35:41

Visual Studio Code is a popular code editor with a wide range of customization options. One of the ways to personalize your coding experience is by choosing a theme that suits your style. The Bearded Theme is a popular choice among developers, and for good reason.

Designed by BeardedBear, the [Bearded Theme](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme) is a visually appealing theme with a long beard. It can be easily installed from the Extensions sidebar in VS Code by searching for "Bearded". Once installed, you can select it from the Command Palette by choosing "Preferences: Color Theme" and then selecting "Bearded Theme".

One of the standout features of the Bearded Theme is its well-designed color scheme. The syntax highlighting colors are cool and easy on the eyes, making it a great choice for long coding sessions. The theme also has a large following, with many users praising its design and ease of use.

In conclusion, if you're looking for a new theme to try out in Visual Studio Code, the Bearded Theme is definitely worth considering. Its well-designed color scheme and popularity among developers make it a top choice.
Technical Learnings after 1 month
Published: 2023-04-06 14:31:52

After I few weeks of taking a breath I start a job as Software Engineer at a startup working remotly. I come from a fullstack background, previous to this job I work with php and JS/React.

This project has a repo with submodules, a frontend application created with RCA using MUI and a backend with Python using FastAPI and mysql.

I start in the frontend and later move to the backend for an implementation of a new feature, some of the mistakes that I made at the begining were:
- I didn't dedicate enough time to understanding the conventions of the translation files. Most of the elements started with feature_name_*, but I omitted the feature_name_ portion. I had a pending ticket to fix this.

- In the backend, I used camelCase notation instead of snake_case, which most of the code was written in. This took time to change, since my responses to the frontend were in camelCase. Changing the response in the backend to snake_case required updates to the frontend as well.

- Additionally, I didn't have a thorough understanding of the product, which caused delays in designing new components and experimenting with libraries for graphics.

What I learn from this is:
- Always verify if a component already exists in the product and use it whenever possible. If the code is too specific to a certain use case, take the time to refactor it into a reusable component.

- It's important to take the time to understand the conventions used in the codebase. While it may require an investment of time upfront, following established conventions will save time in the long run and make the codebase more maintainable.

What am I working now, as this is a startup we don't have too much time for improvements or try new things so in my free time I'm including tests with cypress, doing a refactor in the frontend base on this [article](https://react.dev/learn/you-might-not-need-an-effect?s=35) and making a migration from CRA to Vite.
Introducing safe-eyes-cli: strict break reminder based on YAD
Tags: breakreminder, eyeshealth, linux, bash
Published: 2023-04-08 16:33:07

I'm excited to share with you a new tool that I've been using to help protect my eyes while working on my computer. It's called `safe-eyes-cli` and it's inspired by the popular Safe Eyes application.

It's a "strict" break reminder based on [YAD](https://github.com/v1cont/yad). 

> A "strict break reminder program" is a software application designed to remind users to take regular breaks from their computer work. It enforces strict rules for breaks, such as locking the screen, displaying full-screen reminders, or disabling input devices during the break period. This ensures that users take breaks and rest their eyes, helping to prevent eye strain, repetitive stress injuries, and promoting overall wellbeing.

The tool is **customizable**, allowing to set the frequency and duration of breaks.

One of the great things about `safe-eyes-cli`  is **simplicity**. It's a shell script, that anyone can easily modify and adapt for special needs. Another killer feature is that it can **automatically pause during calls**, so you don't have to worry about interruptions while you're on an important call.

If you're interested in trying out `safe-eyes-cli` for yourself, you can find it on GitHub at [https://github.com/RG9/safe-eyes-cli](https://github.com/RG9/safe-eyes-cli). The installation instructions are straightforward and easy to follow.

Let me know if you have any questions or feedback!
First time setting up SSH Keys w/ GitHub
Tags: sshkeys, github
Published: 2023-04-08 16:28:10

I thought I would share this. I am beginning the prework assignments before I begin my bootcamp next month. All I can say is, I am so intrigued and drawn in by the content I am learning already! I just learned about SSH keys and used the terminal on my MacBook Pro for the first time in order to connect my SSH key with my GitHub. I will say that at first it was a bit tricky to understand; however, after "debugging," I finally got it. I am so stoked for what is to come!
How the Fallopian tubes affect Fertility? Learn from the Best IVF Centre in Delhi
Tags: webdev
Published: 2023-04-08 16:20:14

The Fallopian tubes play a crucial role in fertility, as they are responsible for transporting eggs from the ovaries to the uterus. If the Fallopian tubes are damaged or blocked, this can affect fertility and increase the risk of infertility. Here are some ways that Fallopian tubes can affect fertility:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9p3mn2z12pwrxsu40ckb.jpg)
Blockage: If the Fallopian tubes are blocked, eggs cannot travel from the ovaries to the uterus, preventing fertilization and pregnancy. Blockages can be caused by infections, scar tissue from surgery, or endometriosis.

Damage: Damage to the Fallopian tubes can also affect fertility, even if they are not completely blocked. Damage can be caused by infections, surgery, or pelvic inflammatory disease.

Ectopic pregnancy: If the Fallopian tubes are damaged or blocked, it can increase the risk of an ectopic pregnancy, which is a potentially life-threatening condition where the fertilized egg implants outside the uterus.

Reduced fertility: Even if the Fallopian tubes are not completely blocked or damaged, their function can still be compromised, leading to reduced fertility and difficulty conceiving.

In some cases, IVF treatment can bypass the need for Fallopian tubes by retrieving eggs directly from the ovaries and fertilizing them in a laboratory. However, in cases where the Fallopian tubes are severely damaged or blocked, surgery may be required to repair or remove them to improve the chances of a successful pregnancy.

If you are experiencing fertility issues, it's important to consult with a qualified and experienced fertility specialist who can evaluate your individual situation and recommend appropriate treatment options. The **[best IVF centers in Delhi](https://nanhekadamivf.com/)** have experienced doctors and staff who can provide the necessary care and support throughout the process.
Common WordPress Database Errors and How to Fix Them
Tags: beginners, programming, html, wordpress
Published: 2023-04-08 16:11:24

Your [WordPress ](https://user-meta.com/)website relies heavily on its database to store and retrieve data, making it crucial for your website’s performance and speed. However, database errors can occur and affect your website’s functionality, making it essential to know how to troubleshoot and fix them. In this blog post, we’ll discuss some of the most common WordPress database errors and how to fix them.

**ERROR ESTABLISHING A DATABASE CONNECTION**
This error occurs when WordPress cannot connect to your database. It can be caused by incorrect database credentials, a corrupted database, or a server issue. To fix this error, check your database credentials in your wp-config.php file, repair your database, or contact your web host.

**WHITE SCREEN OF DEATH**
The White Screen of Death (WSOD) is a blank white screen that appears when WordPress encounters a fatal error. This error can be caused by a corrupt database, incompatible plugins or themes, or a server issue. To fix this error, disable all plugins and switch to a default theme. If the problem persists, repair your database or contact your web host.

**INTERNAL SERVER ERROR**
The Internal Server Error (500) is a generic error that occurs when WordPress cannot process a request. It can occur for a corrupt database, incompatible plugins or themes, or a server issue. To fix this error, disable all plugins and switch to a default theme. If the problem persists, repair your database or contact your web host.

**CONNECTION TIMED OUT**
The Connection Timed Out error occurs when WordPress cannot establish a connection to your database within a set time limit. It can cause by a slow server, a large database, or a server issue. To fix this error, increase your server’s timeout limit, optimize your database, or contact your web host.

**DATABASE CONNECTION ERROR**
The Database Connection Error occurs when WordPress cannot connect to your database due to incorrect credentials or a server issue. To fix this error, check your database credentials in your wp-config.php file or contact your web host.

In conclusion, database errors can be frustrating and affect your website’s functionality. By knowing how to troubleshoot and fix common WordPress database errors, you can ensure your website runs smoothly. Always make sure to back up your database before making any changes and contact your web host if you’re unsure how to fix an error.

We hope this article helped you troubleshoot and fix common WordPress database errors. If you have any questions or feedback, feel free to leave a comment below!

https://user-meta.com/blog/common-wordpress-database-errors-fix/
10 visuals to boost your mood
Tags: webdev, javascript, programming, motivation
Published: 2023-04-08 15:49:13

You may become the best version of yourself with the help of these graphics.

---

### 1. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kavr6q84ak0sa2noea7z.png)

---

### 2. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ulne0cxidn7dvzhqu8gr.png)


---

### 3. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lejrddsdrzqaqsuqc6bi.png)



---

### 4. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/susbbu9el1feylfqk51d.png)



---

### 5. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ggewzdyymb4k38f6h4fw.png)



---

--- 
## Support us 
Don't miss the amazing video we've embedded in this post! Click the play button to be inspired

{% youtube 43uAU5oCtIk %}

---
---

### 6. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pvczwfpj2xlspmp5gp1e.png)



---


### 7. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tyvqvy0r9jaxwm6k0cq8.png)



---

### 8. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v93rbbpc6u2zcvtyt38c.png)



---

### 9. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4uzljya2a06u9gkbh8mr.png)



---

### 10. 


![10 visuals to boost your mood](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/86caq7h9eb1h37sjukg0.png)




---


---


## For more information

 

1. Subscribe my Youtube Channel 
[https://www.youtube.com/@democode](https://www.youtube.com/@democode) 

2. Check out my Fiver profile if you need any freelancing work
[https://www.fiverr.com/amit_sharma77](https://www.fiverr.com/amit_sharma77)

3. Follow me on Instagram
[https://www.instagram.com/fromgoodthings/](https://www.instagram.com/fromgoodthings/)

4. Check out my Facebook Page 
[Programming memes by Coder](https://www.facebook.com/programmingmemesbycoders)

5. Linktree
[https://linktr.ee/jonSnow77](https://linktr.ee/jonSnow77)

 

---
---


### Check our Latest post 

{% link https://dev.to/jon_snow789/20-github-repositories-every-developer-should-bookmarkhigh-value-resources-4jm6 %}

---

 

{% instagram CqkCrfYLC0n %}
Edge functions with Supabase
Tags: webdev, javascript, beginners, programming
Published: 2023-04-08 14:38:22

{% embed https://www.youtube.com/watch?v=wJtuF6A8uXk %}

Edge functions are a powerful feature offered by Supabase, a popular open-source Backend-as-a-Service (BaaS) provider. Edge functions enable developers to write and deploy serverless functions that run on the edge of the network, closer to the end-user, and thus reducing latency and improving performance.

Edge functions can be used for a variety of use cases, such as caching responses, implementing security policies, and customizing responses based on user preferences or device information. In addition, edge functions can also be used to integrate third-party APIs or services into your application without exposing your API key or secret to the client-side.

To use edge functions with Supabase, you first need to create a new function by navigating to the "Edge Functions" section in your Supabase project dashboard. Then, you can write your function code in your preferred programming language (Node.js or Rust). Supabase provides a set of templates to get you started quickly and an online code editor that allows you to test your function before deploying it.

Once you have written and tested your function, you can deploy it to the edge network by selecting the region where you want to deploy it. Supabase currently supports three regions: United States, Europe, and Asia. After deploying your function, you can access it via a unique URL that Supabase provides, which you can then integrate into your application or API endpoint.

In conclusion, edge functions are a powerful and flexible feature offered by Supabase that enables developers to write and deploy serverless functions closer to the end-user, improving performance and reducing latency. With Supabase's intuitive interface and online code editor, creating and deploying edge functions is quick and easy, allowing you to focus on building your application's core functionality.

Guillaume Duhan
How to fix the git warning "ECDSA host key for 'github.com' differs from the key for the IP address '140.82.113.3'"
Tags: git, github, troubleshooting, ssh
Published: 2023-04-08 14:38:10

---
title: How to fix the git warning "ECDSA host key for 'github.com' differs from the key for the IP address '140.82.113.3'"

published: true
description: A quick troubleshooting guide for fixing the ECDSA error caused by  GitHub's recent RSA SSH host key update.
tags: git, github, troubleshooting, ssh
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0nf864emwtsqjuj7tcmr.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-04-08 14:18 +0000
---

If GitHub's [recent RSA SSH host key update](https://github.blog/2023-03-23-we-updated-our-rsa-ssh-host-key/) causes your system to throw this error:
```sh
Warning: the ECDSA host key for 'github.com' differs from the key for the IP address '140.82.113.3'
```

The solution is a quick fix. The next lines of the error will read something like this:
```sh
Offending key for IP in ~/.ssh/known_hosts:X
Matching host key in ~/.ssh/known_hosts:Y
Are you sure you want to continue connecting (yes/no)?
```

Where `X` is the line number containing the IP address we want to remove. So...

Run the following command: 
```sh
vi ~/.ssh/known_hosts
```

And ⬇️ to line `X` and run the following to delete the line and exit vi:
```sh
dd
:x
```

Voila!
Jogja, the project generator for web frameworks
Tags: javascript, cli, framework, tooling
Published: 2023-04-08 14:23:44

Every web framework usually has its own CLI to generate project. Let say Next.js has `npx create-next-app@latest` or Vue.js has `npm init vue@latest`. Jogja makes create project easy for many web frameworks by using interactive menu.

## Screenshot

![jogja in action](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ik00jhat5xkvaxuox78y.jpg)

It supports many famous and popular JavaScript web frameworks at the moments, such as Next.js, Vue.js, SvelteKit, Remix, Astro, AdonisJS and many more.

## How to install?

```
npm i -g jogja
```

It will install `jogja` globally and after finish you can call `jogja` on your command prompt.

Just think `jogja` like an aggregator of create project CLI for many web framework to make create project easy and interactive way. Basically `jogja` will only run the each framework CLI command to create the new project.

That's it. Thanks for reading.
Combinar IV (Importância das Variáveis) e PCA (Análise de Componentes Principais)
Tags: ai, machinelearning, datascience, python
Published: 2023-04-08 14:19:47

A partir de uma matriz de dados de objetos (amostras) X descritores (variáveis), o PCA resulta em novas variáveis (componentes) que explicam a maior variabilidade possível existente no conjunto de dados.
O objetivo do PCA é encontrar variáveis hipotéticas (componentes) que capturem a maior parte da variação em dados multidimensionais, sendo que estas novas variáveis são combinações lineares das variáveis originais.
PCA é um procedimento matemático que realiza, então, transformações lineares de “m” variáveis originais em “m” novas variáveis, chamadas de componentes.
A primeira destas variáveis calculadas é chamada componente principal e explica a maior parte da variação dos dados. O segundo componente calculado explica parte da variação que sobrou. O terceiro explica parte da variação restante e assim por diante, até que toda a variação seja explicada por todos os componentes.
A principal aplicação do PCA é reduzir a complexidade de dados multidimensionais.
O procedimento do PCA consiste no cálculo dos autovalores e autovetores na matriz de correlação (ou covariância) original  eigen-analysis.
Os autovalores representam o percentual da variação capturado pelos componentes e os autovetores representam a importância relativa de cada variável em relação às componentes principais.



Combinar IV (Importância das Variáveis) e PCA (Análise de Componentes Principais) pode ser recomendado para seleção de determinação dependendo do objetivo específico do estudo e do conjunto de dados disponíveis.
A IV é uma medida que avalia a importância de cada variável na predição de uma variável de resposta ou resultado. Já o PCA é uma técnica de redução de dimensionalidade que transforma um conjunto de variáveis correlacionadas em um conjunto menor de variáveis não correlacionadas (os componentes principais).
Combinar essas duas técnicas pode ser útil para selecionar as variáveis mais importantes e relevantes do conjunto de dados, enquanto se reduz a dimensionalidade do conjunto de variáveis. Isso pode resultar em modelos mais eficientes e precisos.
No entanto, o desempenho dessa combinação depende do tamanho e qualidade do conjunto de dados, da escolha dos métodos de IV e PCA e da interpretação dos resultados. É importante lembrar que essas técnicas não são infalíveis e a seleção de variável pode ser influenciada por questões como multicolinearidade, outliers, distribuição dos dados e outros fatores. Portanto, é necessário ter cautela na interpretação dos resultados e na seleção das variáveis finais para o modelo.
Use hex.docs locally
Tags: elixir, documentation, caddy, nx
Published: 2023-04-08 14:18:12

I'm boarding a plane in a few minutes, but I'd like to still have access to hex.docs.

How hard could it be to get docs running locally so I don't need a connection to use them? 

...

It turns out to be very, very easy. The Elixir guys thought of everything!


## Step 1: Fetch the docs you want

```
# From any mix directory

mix hex.docs fetch elixir
mix hex.docs fetch kino
mix hex.docs fetch nx
mix hex.docs fetch scholar
mix hex.docs fetch livebook
...
```

You may need to check the versions and fetch a specific one you're interested in...

```
mix hex.docs fetch nx 0.5.2
```

## Step 2: Run a local web server from the doc root

On a Mac, the default location for docs is:
`/Users/<user>/.hex/docs/hexpm`

I use Caddy so with that it's as easy to run a local instance as a single command from the directory:

```
cd /Users/<user>/.hex/docs/hexpm
caddy file-server --browse --listen :5051
```

Go to http://localhost:5051 to test.


## Bonus step: Create a script for the future

Let's go ahead and automate this. You could create an alias but I prefer to create small scripts that I keep on my PATH to run again whenever needed. In my case, I have a directory at ~/projects/utils

```
touch ~/projects/utils/local_docs.sh

echo "cd /Users/$(whoami)/.hex/docs/hexpm" > ~/projects/utils/local_docs.sh
echo "caddy file-server --browse --listen :5051" >> ~/projects/utils/local_docs.sh
echo "cd -" >> ~/projects/utils/local_docs.sh

chmod u+x ~/projects/utils/local_docs.sh
```

Now whenever I want to start my local docs I can just run:
```
local_docs.sh
```
Adding Emojis to Your Website with Twemoji Made Easy
Tags: javascript, webdev, tutorial, css
Published: 2023-04-08 14:07:28

Hey! Today I'd like to tell you about Twemoji, a great library that allows you to add emoji to your website using SVG images.

Adding Twemoji to your website is easy! Just copy and paste a few lines of code into the HTML file.

```html
      <script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
      <script>
         window.onload = function() {    
             twemoji.parse(document.body, 
                     {folder: 'svg', ext: '.svg'}
             );
         
         }
         
      </script>
```

And the following CSS to style the emojis:

```css
img.emoji {
   display: inline !important;
   border: none !important;
   box-shadow: none !important;
   height: 1em !important;
   width: 1em !important;
   margin: 0 .07em !important;
   vertical-align: -0.1em !important;
   background: none !important;
   padding: 0 !important;
   pointer-events: none
   }
```

If you're planning to include Twemoji on your website, it's important to understand that it's best for small sites with low traffic. It may not be the best choice for large websites with a lot of emojis.

The problem is that this script refreshes all emoji every time you refresh the page. This can cause your site to not appear at its best because system emoji are still loading before Twemoji. If you don't have a lot of emoji and don't update them regularly, it's better to use static emoji that aren't replaced every time you refresh the page.
Overall, Twemoji is great for any site, but the way you do it is up to you and each way may not be ideal. 

That's it, if you have any questions, ask in the comments. This is also my first post on dev.to, so I apologize for any mistakes.