teleren/devto huggingface dataset:
Email sending in Node.js
Tags: email, node, typescript
Published: 2024-02-22 16:34:25

As a developer, email sending is a recurent task across the projects.

Most part of time, you have to deal with open source libraries, to switch from a library to another accross the projects, with some particular implementations and / or behaviors.

As well, you can have a different need inside a same project just regarding the use case.

For example, you can still need to send an email to a developer when a particular event is fired, or send a transactionnal email to say welcome to a new user. 

In the first case, a simple SMTP server can do the job internally.

In the second case, it's more efficient to rely to a web API, able to manage statistics, bouncing, DKIM, templating, ...

As well, you can need to deal with different providers at the same time. During a migration, for example. 

Some months ago, I was wondering how to provide something flexible and consistent to deal with this kind of repetitive issue.

And I did it myself, because it was quite fun. :sunglasses:

All the cases described above - and some others - are covered by a light NPM package.

The main features are:

- Configuration based
- Agnostic appoach: same input, same output for all configurations
- Formalized transactions conventions
- Unlimited number of transporters inside the same project
- Support of different sending modes (SMTP and web API)
- Embeded view engine, stream or web API templates

There is Cliam, an agnostic and very flexible tool to deal with transactional email sending.

{% embed https://github.com/steve-lebleu/cliam %}

Currently, following web api providers are supported: Mailgun, Mailjet, Brevo, Sendinblue, Sendgrid, Mandrill, Sparkpost, Mailsender and Postmark. Amazon SES and a lot of others should be integrated soon, but I prefer take the focus on some new features and to push more robustness before to embedd too much transporters.

Have a good dev, enjoy and feel free to use and to share :rocket:
Alguns números do nosso podcast
Published: 2024-02-22 16:31:24

Desde a criação, em 2020, o podcast [Fronteiras da Engenharia de Software](https://fronteirases.github.io/) teve 31.672 reproduções nas plataformas de áudio e 9.615 visualizações no YouTube. 

A audiência de cada episódio nas plataformas de áudio, depois de 30 dias, pode variar entre 2.327 reproduções (episódio 1, com Fabio Kon) a 238 reproduções (episódio 36, em inglês, com Laurie Williams - North Carolina State University). 


Segundo a plataforma em que publicamos nossos episódios, Spotify for Podcasters,  91% dos nossos ouvintes estão no Brasil, 3% nos EUA, 1% no Canadá, 1% em Portugal e os demais em outros países do mundo. Dentre os ouvintes do Brasil, 26% estão em São Paulo, 9% em Minas Gerais e 9% no Paraná. Mas temos ouvintes em todas as 27 unidades federativas do Brasil. Por região, temos:

- Sudeste: 45%
- Nordeste: 24,5%
- Sul: 19%
- Centro-Oeste: 7,6%
- Norte: 3,8%
  


Com relação ao gênero das pessoas ouvintes, este é identificado apenas para as 48,3% das pessoas ouvintes que nos escutam usando o aplicativo Spotify. Destes, 85,3% são homens, 12,6% são mulheres, 2% não especificado e 0,1% não binário.


Em nosso episódio mais recente, episódio 43, entrevistamos Thais Batista, atual presidente da Sociedade Brasileira de Computação.


Em nosso podcast, na data em que escrevo, publicamos entrevistas com 42 pesquisadores e pesquisadoras da Engenharia de Software, que atuam em diversas instituições de ensino e pesquisa do Brasil e do exterior, dentre os quais 8 pesquisadores homenageados da CEES:


- 2023 - Leonardo Murta, UFF - Episódio: 40
- 2022 - Eduardo Almeida, UFBA - Episódio: 11
- 2021 - Marco Túlio Valente, UFMG - Episódio: 9
- 2019 - Paulo Borba, UFPE - Episódio: 12
- 2018 - Alessandro Garcia, PUC-Rio - Episódio: 5
- 2012 - Thais Batista, UFRN - Episódio: 43
- 2011 - Guilherme Travassos, UFRJ - Episódio: 33
- 2008 - Ana Regina Rocha, UFRJ - Episódio: 45, ainda a ser publicado
Thank you to all my followers! (and followers to be)
Published: 2024-02-22 16:14:54


![102 followers and growing strong](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2rkhem8vameiv56cp0w7.png)

# I just want to say thank you to all my followers (and followers to be).

It means a lot for me. 

Knowing that what I've put on every single time a write has a meaning and value for someone.

Just when I thought to give up, this growing number of people signifies that I should continue what I am doing right now and someday, make a world a better place for learning.

Thanks, guys!

> Happy Coding!
How we made an AI Attendance System for better Team Performance
Tags: ai, attendance, team, python
Published: 2024-02-22 16:10:18

Our team at Hexmos had problems with absenteeism. When the team involved aren’t consistent, it leads to chaos in managing projects and lower team performance.

This is a common problem among teams and costs billions in losses among employers across the world. So we came up with an attendance system for the team.

#### Planning the attendance system

To design a proper attendance system, we had to refer to the existing implementations. We can see Attendance done via fingerprint recognition, face recognition or just showing up when the attendance is taken.

Our Team works remotely, so we planned to implement a face recognition attendance system in our [**Hexmos Feedback**](https://hexmos.com/feedback) Mobile App.

The idea is to scan our face using our mobile app and mark attendance on that particular day. This reduces the efforts from the manager's side, and keeps things more automated.


#### Building the attendance system

We had a primary problem at hand to implement the attendance system, which is to figure out a way to implement facial recognition.

To achieve this I used a Python library called [face_recognition](https://github.com/ageitgey/face_recognition)

face_recognition uses deep learning for performing the facial recognition tasks.

Using the face_recognition library we can obtain the following data about the face

- Face encodings

- Face Locations

- Face Landmarks

**Face encodings** are facial features expressed in numbers using deep learning models.

**Face locations** are the regions within an image where faces are detected.

**Face landmarks** are key features on a face, such as the eyes, nose, mouth, and chin.

When a user registers his/her face, we will insert the above 3 data into the Database. This data will be unique for everyone and hence will be beneficial for facial recognition

When the user tries to face recognize, The inputted image's face encodings will be compared with that of the one stored in the Database.

If the match is confirmed, it indicates that the faces are the same, So we can mark the attendance for that particular person.

#### Implementing the attendance system

![alt text](https://journal-wa6509js.s3.ap-south-1.amazonaws.com/706655852aee0676cefe92f8cbe57e6a4a61c1a3962822282f926d75e4e29b7b.png)

For the attendance implementation, we had to do 2 steps

- Register the user's face in the Hexmos Feedback app

- Do facial recognition every day to mark attendance.

![alt text](https://journal-wa6509js.s3.ap-south-1.amazonaws.com/9f235047cc052df5fd739a01bcb08e8fad0a21fc7198949bc3077cf9b31454f5.png)

We also added a location component, to keep track of the location where the attendance is being taken.

#### Conclusion

This is just the start of our AI-based attendance system, there are many more things that can be developed to reduce the pain and chaos involved in managing absenteeism, such as more detailed statistics, notifications of checking in, leave management and many more.
React Lifecycle Methods
Published: 2024-02-22 15:26:12

**_<u>Constructor</u>_**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5ab70uopdfna5ikwspl.png)

**<u>_Static getDerivedStateFromProps_</u>**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vqq3wg3o5o66zu95okp8.png)

**_<u>Render</u>_**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cnyfl1r57w7fcwzzpkhd.png)

**_<u>ComponentDidMount</u>_**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0f4hvtpzplvoyiszss74.png)

**<u>_Sequence of calling Lifecycle Methods on a Component_</u>**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d7n2yzd5fwurwsh2j79t.png)

**_<u>Sequence of calling Lifecycle Methods when calling a Child</u>_**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/svczuadioyhs3ne996dg.png)


**More Lifecycle Methods**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pe2h5488l7ik9pvawcys.png)

**Sequence of triggering when a child component is called**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpjxflrnktoi9xn2xpwn.png)

**_<u>Unmounting Phase Method</u>_**

![Uploading image](...)

**_<u>Error Handling Phase Methods</u>_**
help
Tags: javascript, css, html, webdev
Published: 2024-02-22 15:14:02

Hi everyone I'm stuck with this code I should apply responsive styles to these cards. I'm a bit stuck with the images because they all get distorted and I can't get ahead with the css styles. Can someone help me?


the code is this
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
</head>
<body>
    <h2>My shop</h2>
    <!-- Creare un elemto HTML che fungerà da contenitore per gli articoli -->
    <main id="container"></main>
</body>
</html>


const container = document.getElementById('container');

// Creazione e aggiunta degli articoli
articoli.forEach(articolo => {
  const articleElement = document.createElement('article');

  const titleElement = document.createElement('h3');
  titleElement.textContent = articolo.title;

  const imageElement = document.createElement('img');
  imageElement.src = articolo.image;
  imageElement.alt = articolo.title;

  const descriptionElement = document.createElement('p');
  descriptionElement.textContent = articolo.description;

  const priceElement = document.createElement('div');
  priceElement.textContent = `Prezzo: ${articolo.price} €`;

  articleElement.appendChild(titleElement);
  articleElement.appendChild(imageElement);
  articleElement.appendChild(descriptionElement);
  articleElement.appendChild(priceElement);

  container.appendChild(articleElement);
});
Niurka explota contra contra Manelyk en defensa de Emilio y Leslie: “Ella está en ultratumba
Published: 2024-02-22 15:09:40

La Casa de los Famosos 4 continúa [generando ](http://dailyenquire.com)polémica y dando de qué hablar en redes sociales y en esta ocasión su protagonista es Niurka Marcos. Aunque ella participó en la segunda edición del reality show de Telemundo, la vedette salió en defensa de [Emilio ](http://BasicTechCapital.com)Osorio y su actual nuera, Leslie Gallardo, quien sí está en el programa y ya fue expulsada el pasado lunes 5 de febrero y Manelyk González aseguró que “no era [nadie](http://confidentialverse.com)”.
Miguel Herrán, de 'Élite' y 'La casa de papel', presume de su mejor 'papel' como padre junto a su bebé y su chica, Celia Pedraza
Published: 2024-02-22 15:05:55

Miguel Herrán está interpretando el papel de su vida, y no es otro que el de la paternidad. El actor de '[Élite](http://confidentialverse.com)' y 'La casa de papel' -y ganador de un Goya a Mejor Actor Revelación en 2016 por 'A cambio de nada'- y su chica, Celia Pedraza, anunciaron el pasado verano de 2023 que iban a convertirse en padres de su primer [bebé](http://BasicTechCapital.com), y este mes de enero, nada más comenzar el año, daban la buena nueva de que la pequeña María había llegado sana al mundo. Una gran noticia que los seguidores de ambos celebraron en las redes sociales, aunque sin lugar a dudas los más felices han sido ellos. Además, el bebé llega tras la reciente muerte del abuelo y del padre de ella, por lo que les ha llenado de ilusión después de los malos [momentos ](http://dailyenquire.com)vividos.
Emilia Mernes se sinceró sobre el motivo de una de sus nuevas canciones: “La grabé llorando”
Published: 2024-02-22 15:04:53

Este domingo, la [cantante ](http://confidentialverse.com)dio una nota exclusiva para La Peña de Morfi (Telefé) y se sinceró sobre una dura vivencia que tuvo que afrontar: la enfermedad e internación de su papá.
“Esa fue una de las canciones más difíciles que me tocó hacer. Me acuerdo que grababa llorando y tenía que cortar para respirar. La verdad es que fue un proceso difícil porque tuve que contar en esta canción todos los miedos que sentí cuando mi [papá ](http://dailyenquire.com)se enfermó”, contó la cantante sobre la internación de su padre Pedro y mencionó en otra ocasión que no pudo estar acompañándolo en este difícil [momento](http://BasicTechCapital.com)
Billionaire Brain Wave Reviews {SCAM ALERT} Where to Buy Billionaire Brain Wave ?
Published: 2024-02-22 15:04:47

Official Website@>>> https://top10gummies.com/billionaire-brain-wave-offer/

Billionaire Brain Wave:- Theta brain wave is the gateway to money. Neuroscientists call it the Billionaire Brain Wave due to its linkage to creativity, prosperity, and healing. Individuals whose brain produces excess theta waves attract more wealth. Theta state makes the brain operate at a lower frequency, increasing access to the subconscious mind. In this state, one can tap into the inner wealth-building abilities.

Official Facebook@>>> https://www.facebook.com/BillionaireBrainWaveAu 
Jimdo@>>> https://billionaire-brain-wave-website.jimdosite.com/ 
Official Blogs@>>> https://thebillionairebrainwave.blogspot.com/2024/02/billionaire-brain-wave.html 
https://sites.google.com/view/the-billionaire-brain-wave-buy/ 
https://groups.google.com/g/billionaire-brain-wave-shop-now/c/DBXUMVU_qQw 
https://groups.google.com/g/hr.rec.bicikli/c/O0Qa96h2UVA/m/udSEYM4mAgAJ 
https://publuu.com/flip-book/405650/917880 
https://anyflip.com/jtxkx/ultp 
https://sketchfab.com/3d-models/billionaire-brain-wave-review-2855b2aa4fd34961bda10ba4150e5bbe 
https://in.pinterest.com/pin/1131810950092367215/ 
https://www.sutori.com/en/story/billionaire-brain-wave-reviews-2024-honest-customer-alert-exposed-on-the--ab5bnnztp2BSCDdeaq1h392Y 
https://issuu.com/jefeysimon/docs/billionaire-brain-wave-fraud-or-legit-fortune-brai 
https://online.fliphtml5.com/ryrgj/ccvo/index.html 
https://medium.com/@maryswitzs/billionaire-brain-wave-1fab3f65fcc8 
https://gamma.app/docs/Billionaire-Brain-Wave-FRAUD-OR-LEGIT-Fortune-Brain-Wave-Must-Rea-epeomitodhoo4uj 
https://publuu.com/flip-book/405650/917880 
https://teeshopper.in/products/The-Billionaire-Brain-Wave 
https://groups.google.com/g/microsoft.public.sharepoint.windowsservices/c/sb7AF5t0gRM/m/HimPbe6PAAAJ 
https://billionaire-brain-wave-au.hashnode.dev/billionaire-brain-wave-reviews-dont-shock-billionaire-brain-wave-is-it-or-scam-2024-must-read-before-buy 
https://billionaire-brain-wave-au.company.site
Review my React-native Based Playground
Tags: discuss, react, watercooler, javascript
Published: 2024-02-22 15:04:11

Inapp inbox playground, built with react-native. Try it once. Change colours, orientation, custom click handlers, 

[Playground](https://inbox-playground.suprsend.com/)

Share your feedback, what could be done better?


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/srmca0lq6pxyuwu7mono.png)



### Here is the Github react native repo for the same. Try [headless](https://docs.suprsend.com/docs/react-native) to get your own custom native inbox:

---
{% github suprsend/suprsend-react-inbox %}
Can somebody explain this to me?
Tags: discuss
Published: 2024-02-22 14:48:03

* SupaBase is worth 1 billion dollars (apparently).
* Magic is worth 100 EUROs (apparently, it's what I paid for the IP to get out of my VC deal).
* SupaBase has 500,000 downloads.
* Magic has 10,500,000 downloads.
* SupaBase has 63,000 likes on their GitHub profile. Notice, .Net Core has 14,000. .Net Core is Microsoft's flagship product, and 27% of all software developers in the world are using .Net in one way or another. Somehow SupaBase managed to get a _"community"_ that's 4.5 larger than 27% of all the software developers in the world ...
* Magic has 950 stars on its GitHub profile.

My only theory is that it's an elaborate investment scam, somehow artificially inflating their _"community"_. However, I wish I knew _"the secret"_ here. What is their _"value proposition"_? I mean, they built a thin React GUI app, on top of PostgREST and PostgreSQL, added a JWT authentication endpoint on top of it, and that's it - And somehow they're worth a billion dollars? It's the type of stuff even a mediumly skilled senior software developer could replace in _"a weekend"_ ...

Even DigitalOcean have _"wizards"_ accomplishing the same starting out at $6 per month ...

![SupaBase downloads](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v1psr78qqfxxh1m4i78u.png)

![Magic Downloads](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rad25nzeilwwl4d4f8v2.png)
The Essential Tool -- ServBay Version 1.2.2 Release Notes.
Tags: php, webdev, productivity, update
Published: 2024-02-22 14:39:33

We are excited to announce the release of [ServBay](https://www.servbay.com) version 1.2.2 on February 22, 2024. This update focuses on enhancing user experience, improving product performance, and addressing feedback from our valued users. Here are the key highlights of this release:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2kase4cu5a6qgn3obr4.png)



We have refactored parts of the user interface to provide a more intuitive and fluid user experience. The new design is not only aesthetically pleasing but also more user-friendly, enabling easier navigation and usage of our service.

## Performance Optimization

Performance remains a key focus for us. With version 1.2.2, we have carried out extensive performance optimizations to ensure that ServBay operates more smoothly and quickly. Whether you’re processing large amounts of data or running critical services, ServBay is now better equipped to support your needs.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tbqx57oacj98yxvwqe6y.png)



## Bug Fixes

Thanks to the active feedback from our community, this update includes fixes for several bugs reported by users. We are committed to continuous improvement to ensure that ServBay delivers a seamless and efficient service experience.

## New User Onboarding and Tutorials

To help new users get started quickly, this release introduces a new user onboarding guide and detailed tutorials. Whether you’re new to ServBay or looking to explore specific features in depth, these resources will be incredibly helpful.

## Port Occupation Detection

The newly added port occupation detection feature is designed to prevent port conflict issues during service operation. This means that ServBay can now automatically detect and alert you to occupied ports, helping you quickly resolve potential operational issues and ensure the smooth running of your services.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k04l28y3bg3n2i2sd2yj.png)


At ServBay, we are dedicated to continual progress to ensure our product not only meets but exceeds [PHP developers](https://www.servbay.com) and [web developers](https://www.servbay.dev/download)' expectations. We look forward to your feedback on the improvements brought by version 1.2.2. Let’s move forward together, exploring more possibilities. Update now to enjoy a smoother and more efficient ServBay experience!

For more information, please visit the ServBay website at https://www.servbay.dev/. If you need assistance, please visit our help system at https://support.servbay.com/, or join our Discord community at https://talk.servbay.com/.
YouTube Premium APK v19.04.35 Latest Version 2024 (Premium Unlocked)
Published: 2024-02-22 14:35:51

[YouTube Premium](https://www.youtubepremiumapk.co) is a subscription-based service that offers users an enhanced and uninterrupted viewing experience across the vast library of videos hosted on YouTube. Launched in 2018 as a rebranding of YouTube Red, this premium service includes several attractive features that cater to the diverse needs of its subscribers.

At its core, YouTube Premium offers ad-free access to all YouTube videos. This means that users can enjoy their favourite content without any interruptions caused by commercials or advertisements. This particularly appeals to individuals who prefer a seamless and uninterrupted viewing experience.

In addition to an ad-free environment, YouTube Premium also provides users with the ability to download videos for offline viewing. This feature is especially useful for those who want to watch videos while on the go or in areas with limited internet connectivity. Users can download videos to their mobile devices or computers and watch them at their convenience, without worrying about data usage or internet access.

Another major benefit of YouTube Premium is access to YouTube Music Premium, a streaming service offering a vast library of songs and albums from various artists and genres.

This service allows subscribers to listen to music ad-free, download songs for offline listening, and access exclusive content and playlists. YouTube Music Premium also integrates seamlessly with YouTube, allowing users to switch between video and audio content without any interruption.

Furthermore, YouTube Premium subscribers have access to exclusive content and original series produced by YouTube. These include popular shows like Cobra Kai, Impulse, and Escape the Night. This exclusive content adds value to the subscription and gives subscribers access to high-quality entertainment they can't find elsewhere.

However, We offer the solution to your problem as the YouTube Premium APK. NO Subscription, nothing to pay, no fee, etc. Everything is offered for free whether ad-free streaming, background play, music library or the original content.