teleren/devto huggingface dataset:
Angular NgFor Repeater Directive - Loop over a Collection (Angular 6)
Tags: angular, ngfor, angular6
Published: 2021-03-16 12:38:34

https://grokonez.com/frontend/angular/angular-6/angular-6-ngfor-repeater-directive-loop-over-a-collection

In the tutorial, we introduce how to use Angular <code>ngFor</code>, a built-in directive, to iterate over a collection.

Related posts:
- <a href="https://grokonez.com/frontend/angular-6-component-how-to-create-integrate-new-angular-6-component">Angular 6 Component – How to create & integrate New Angular 6 Component</a>
- <a href="https://grokonez.com/frontend/angular-6-service-with-observable-data-for-asynchronous-operation">Angular 6 Service – with Observable Data for Asynchronous Operation</a>
- <a href="https://grokonez.com/frontend/angular/angular-ngif-ngif-else-ngif-else-then-ngif-with-observables-and-async-pipeangular-6">Angular NgIf Else Then – NgIf with Observables and Async Pipe (Angular 6)</a>

<!--more-->
<h2>Technologies</h2>
<ul>
<li>Node.js – version v10.4.0</li>
<li>Angular – version 6</li>
<li>Visual Studio Code – version 1.24.0</li>
</ul>
<h2>NgFor Repeater Directive</h2>
<h3>Preparation</h3>
We create an Angular 6 project as below structure:

<img src="https://grokonez.com/wp-content/uploads/2018/06/Angular-6-ngFor-created-project-structure-1.png" alt="Angular-6-ngFor + created-project-structure" width="200" height="374" class="alignnone size-full wp-image-13078" />
<h4>Create Angular Project</h4>
Generate Angular Project:

<img src="https://grokonez.com/wp-content/uploads/2018/06/Angular-6-ngFor-create-angular-6-project.png" alt="Angular-6-ngFor + create-angular-6-project" width="555" height="497" class="alignnone size-full wp-image-13080" />

Generate Customer classes:

<img src="https://grokonez.com/wp-content/uploads/2018/06/Angular-6-ngFor-generate-class-customer-mock-customers.png" alt="Angular-6-ngFor + generate class customer &amp; mock-customers" width="493" height="84" class="alignnone size-full wp-image-13081" />
<h4>Implement Mock Data</h4>
Create data class in <code>src/app/customer.ts</code> file:

<pre><code class="language-javascript">
export class Customer {
    id: number;
    firstname: string;
    lastname: string;
    age: number
}</code></pre>



More at: https://grokonez.com/frontend/angular/angular-6/angular-6-ngfor-repeater-directive-loop-over-a-collection
Impactful Coding Communities?
Tags: discuss, inclusion, programming, career
Published: 2021-03-16 12:29:39

I've been toying with the idea of creating some kind of a dev community that only wants to apply their skills to socially impactful, "good" or hippie projects. A place where programmers with shared values of improving the world around them could meet, join together into workgroups, explore ideas, etc.

I personally find it difficult to know where to direct my energy whenever I decide to leave my previous job/project and would benefit a lot from having a network that I know focuses on things that I care about. I could then reach out and easily find opportunities based on the trust developed in that community.

Do you know of any initiatives like that? Would you want to be a part of it?

// forgive the creepy cover image -> that's what google thinks a hippie techie looks like
Integration Patterns (Integrações de Aplicações)
Tags: arquitetura
Published: 2021-03-16 12:08:17

Em algum momento as aplicações para atender uma funcionalidade de negócio precisam se comunicar. 

Para realizar esta integração existem múltiplas abordagens que podem ser resumidas em quatro estilos de integração.

###Integração baseadas em "Arquivo"

Uma aplicação atua como "Publicador de Arquivos" criando ou atualizando arquivos em uma determinada pasta. 
Outras aplicações observam a pasta para processar este arquivo.

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

### Integração com "Banco de Dados Compartilhado"

Uma aplicação atua como "Publicador das Tarefas" adicionando um item a uma tabela de 'tarefas' em um banco de dados compartilhado.

Outra aplicação atua como "Consumidor" observando a tabela de 'Tarefas' aguardando itens novos ou não processados. 
Processando estes itens e gravando o resultado do processamento na mesma tabela ou uma tabela diferente.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nfz2bx0sxqmcn3n7qjrs.png)
 
### Integração com "Conexão Direta"

Neste padrão o "Publicador" e o "Consumidor" podem se alternar no qual ambos pontos da extremidade podem enviar mensagens para o outro de forma independente. 

O tipo de conexão pode ser por exemplo: "TCP/IP" ou "Named Pipes". E a mensagem enviada pode alternar em diversos formatos (Binary, XML, Json e outros).

Após estabelecer conexão são enviadas mensagens entre as aplicações ou serviços.

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

### Integração com "Mensagens assíncronas usando Message Broker"

Aplicações atuam como "Publicador de Mensagens" adicionando mensagens em qualquer formato em uma Aplicação intermediária chamada "Message Brokers ou Message Buses".

A aplicação de "Message Brokers" recebe as mensagens de uma origem e encaminha para um "Alvo" ou "Aplicação consumidora".

Este padrão apresenta algumas vantagens:

  * Desacoplar 'Publicador' e 'Consumidor'.
  * Fornecer um modo confiável para processar tarefas assincronamente e se comunicar. 
  * Fornece um modo de implementar uma arquitetura de escalabilidade horizontal.
  * Fornece um modo eficiente de extração de dados armazenados (Data Store Polling). 
 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g4a56kdzm5061htx9od0.png)
 
 
###Referências

[Introduction to Integration Styles](https://www.enterpriseintegrationpatterns.com/patterns/messaging/IntegrationStylesIntro.html)

[Enterprise Integration Patterns](https://www.enterpriseintegrationpatterns.com/patterns/messaging/toc.html)

[Chapter 2: "Integration Styles" - Book Enterprise Integration Patterns: Designing, Building, and Deploying](http://ptgmedia.pearsoncmg.com/images/9780321200686/samplepages/0321200683.pdf)
How-to do Sentiment Analysis with Flair in Python
Tags: python, machinelearning, deeplearning, tutorial
Published: 2021-03-16 12:07:07

{% youtube DFtP1THE8fE %}

With the real-time information available to us on massive social media platforms like Twitter, we have all the data we could ever need to create these accurate and up-to-date sentiment metrics for different companies.

But then comes the question, how can our computer understand what this unstructured text data means?

That is where sentiment analysis comes in. Sentiment analysis is a particularly interesting branch of Natural Language Processing (NLP), which is used to rate the language used in a body of text.

Through sentiment analysis, we can take thousands of tweets about a company and judge whether they are generally positive or negative (the sentiment) in real-time!
Refactorizar proyecto a Arquitectura Hexagonal
Tags: java, micronaut, arquitectura, hexagonal
Published: 2021-03-16 12:02:37

La Arquitectura Hexagonal es un modelo novedoso. Pero la mejor definición es Arquitectura de Puertos y Adaptores. La documentación al respecto es abundante en Internet, por lo que no profundizaremos.

Lo que mostraremos es cómo refactorizar un proyecto Micronaut para llevarlo a un diseño hexagonal.

Partamos como base esta estructura:
![Captura de pantalla de 2021-03-16 07-47-20](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08qpqyggm9itagzfo0mn.png)
 

No existe un estándar para la distribución de clases y paquetes. **Para tener una clara visualización e identificar las partes del modelo; presentamos esta propuesta de esquema:**

```
.
./application
./application/domain
./application/service
./architecture
./architecture/adapter
./architecture/adapter/input
./architecture/adapter/output
./architecture/port
./architecture/port/input
./architecture/port/output
```

Entonces, debemos crear las _interfaces_ y _clases_ necesarias según la definición de puertos y adaptadores. El resultado lo podemos ver así:
![Captura de pantalla de 2021-03-15 08-10-57](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4s0ykinaa7il8arf54uu.png)
 

___
## Documentación
[Repositorio](https://gitlab.com/edgar.gs/mn-r2dbc.git)
[Hexagonal Architecture with Java and Spring](https://reflectoring.io/spring-hexagonal/)
Daily Developer Jokes - Tuesday, Mar 16, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-03-16 12:00:17

---
title: "Daily Developer Jokes - Tuesday, Mar 16, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Mar%2016%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12594523a5e.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ What did the process say after working in an infinite loop all day?

___A:___ I need a break.
 -->
Executing Gists With Npx
Tags: github, gist
Published: 2021-03-16 11:52:06

We all know that [Gists](https://gist.github.com/) are a very good way to share code templates or embed code in our articles or website.

If you don't know about Gists see [this](https://docs.github.com/en/github/writing-on-github/creating-gists)

Apart from that, we can use Gists to create smaller and single-file scripts.

To add more power, with the help of Npx, consumers can run these scripts from their command line.

Let's consider a small example. Below are the Index.js and package.json files from my public gist.

{% gist https://gist.github.com/umamahesh51/797c37a1d51a1affdee01a96c74ebe33.js %}

The Link to the above gist is [here]
(https://gist.github.com/umamahesh51/797c37a1d51a1affdee01a96c74ebe33)

Make sure you have npm installed on your machine. If not installed refer to [this](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)

Now open your command line/terminal, copy the below command, and paste 
```
npx https://gist.github.com/umamahesh51/797c37a1d51a1affdee01a96c74ebe33
```
Hit enter, You will see the **ok to proceed** question Like below.
![Npx Command usage](https://github.com/umamahesh51/Images/raw/main/articles/npx-command.png "Npx Command to run gist")
type **y**
You will see the output like this.

![Output after using NPX to run gist](https://github.com/umamahesh51/Images/raw/main/articles/output.png "Output after using NPX to run gist")

in the above example we have "bin":"./index.js" so the index.js file will be executed. 

It is the same as using the command 
```
node index.js
```
But instead of downloading the repository and then run the command, we are executing the package directly.

It will be applicable to GitHub repositories as well.
Try the npx with this [repo] (https://github.com/umamahesh51/TestGist)

Use below command 
``` 
npx https://github.com/umamahesh51/TestGist 
```
A famous and complex example of this case is [create-react-app](https://reactjs.org/docs/create-a-new-react-app.html)

*How we can utilize this feature of gists?*

We can provide scripts that will do some useful things and share them with others, instead of building them and giving executable files, we can just provide a link to gist.

Repositories will be useful if we have a complex task like create-react-app. Where as gists are a way to provide small scripts.

My favorite useful gist which we can run using npx is 
[Export @code Extensions to a Markdown List](https://gist.github.com/elijahmanor/7f9762a4c2296839ad33e33513e88043)
Try it and see.

That's all I have. Let me know if you have seen some interesting usages of Gists.
Check if a user is part of a Cognito group in AWS Amplify
Tags: aws, awsamplify, javascript, serverless
Published: 2021-03-16 11:46:34

If you're looking to understand if an authenticated user is in a specific group the following method may help:

```js
import { Auth } from 'aws-amplify';

const user =  await Auth.currentAuthenticatedUser();

// Returns an array of groups
const groups = user.signInUserSession.accessToken.payload["cognito:groups"];
```

`user.signInUserSession.accessToken.payload["cognito:groups"]` returns an array of all the groups the user belongs to. 

To discover if a user is part of the `admin` group use the array `includes` method:

```js
const groups = user.signInUserSession.accessToken.payload["cognito:groups"];

groups.includes('admin'); // true
```

For IE and older browsers use `indexOf`:

```js
const groups = user.signInUserSession.accessToken.payload["cognito:groups"];

groups.indexOf('admin') !== -1; // true
```

Happy days!
メールをMBOXからEMLファイル形式に移行およびエクスポートするにはどうすればよいですか？
Published: 2021-03-16 11:07:15

<b><a href="https://www.gaintools.com/mbox/eml/">接続付きのEMLエンベロープ内のMBOX</a></b>文字を変更するMBOXからEMLへのコンバータソフトウェア。さらに、MBOXからEMLへの変換（デッキの移動または特定の再配置）のモードを2つ選択できます。この装置は、MBOXドキュメント全体をEMLレタードロップに同時に送信するための短い労力を確保します。さらに、アプリケーションは、変更後もプレート上にエンベロープコマンドチェーンを維持します。この製品は、MBOX情報レコードをすばやく移動するための、シンプルでバグのない使いやすいデバイスです。

<b>MBOXからEMLへのコンバーターツールを選択する必要があるのはなぜですか？</b>

MBOXからEMLへのコンバーターは、EMLレコードデザインのためにMBOXメッセージを交換する方法を奨励する多くの驚くべきハイライトを伴います。ここでは、これらのハイライトのいくつかを記録します。

<b>高度なフィルターによる二重検索を提供します</b>

このアプリケーションは、MBOXドキュメントからEMLデザインに変更されます。活発な狩猟作業により、MBOXドキュメントの微妙な点を簡単に見つけることができます。繰り返しになりますが、個別のメッセージを検索するための最先端のチャネルの代替手段です。製品には、時間、日付、電子メールヘッダーなどの一部のチャネルが付属しています。

<b>MBOXデータの完全なプレビューをチェックしてください</b>

この製品にはメッセージウォッチャーが組み込まれています。 MBOXレコードが開かれた瞬間、デバイスは結果的にメッセージ、連絡先、時間、メモの全体像を提供し、これはほんの始まりに過ぎません。

<b>コンパクトな表示オプションを提供します</b>

コンパクトビューの代替手段を使用して、製品インターフェイスでフレームワークオーガナイザーを非表示にします。このツールは、MBOXドキュメントを含むオーガナイザーなどの顧客オーガナイザーのみを表示します。 MBOXメッセージを完璧な場所に保存するために、すべての初心者が理解できる正当なコンポーネントがあります。 MBOXからEMLへのコンバーターは、迅速でシンプルで有益なユーティリティです。

<b>MBOXを添付ファイル付きのEMLに変換する</b>

EML変換ユーティリティのこのMBOXレコードを使用すると、電子メール接続を理想的な領域に保存できます。この要素は、接続のみを共有できるため、一部の個人に役立ちます。

<b>基本的なユーザーフレンドリーなインターフェース</b>

MBOXレコードをEMLと交換するアプリケーションは、非常にシンプルなインターフェイスを提供します。確かに、専門的な情報を持っていない人でも問題なく使用できます。

<b>MBOXからEMLへの変換の焦点は？</b>

1. EML設計は、完全に大幅な記録の拡張です。

2. .emlレコードの設計は、Linuxの場合と同様に、Outlook、Thunderbirdなどの主要なWindows電子メールアプリケーションを強化します。

3. EMLドキュメントは、個人と専門家の両方で使用できる一般的な構成です。

.eml構成は、メッセージを含むいくつかの品質またはコンポーネントを格納できます。

<b>エンディングノート</b>

MBOXからEMLへのコンバーターツールを使用すると、各MBOXエンベロープからの10個のメッセージをEMLドキュメントデザインと交換できます。これは、エキスパートバージョンに移行する前に完全に実装するために非常に役立ちます。お客様は、認証キーを購入する前に、製品のハイライトを簡単にテストして、MBOXとEMLを切り替えることができます。
Building a React Native app from scratch
Tags: react, javascript, reactnative, mobile
Published: 2021-03-16 11:04:10

---
title: Building a React Native app from scratch
published: true
description: In this series, I share my process with you as I build a React Native app from scratch. In addition, I will add tips and recommendations for each step of the process.⁣⁣
tags: react, javascript, reactnative, mobile
series: Building a React Native app from scratch
cover_image: https://i.imgur.com/rmbgdRy.png
canonical_url: https://maurogarcia.dev/posts/building-a-react-native-app-from-scratch-introduction/
---

Do you want to learn what it takes to build a real app with React Native?⁣⁣
Today I'm presenting a new series called "Building a React Native app from scratch."⁣⁣

![Project Home Page](https://i.imgur.com/WbuJnjz.png)
⁣⁣
# Scope of the series

You can find thousands of React Native step-by-step tutorials out there. That kind of content is highly focused on the how to do, but I decided to shift the focus of this series and talk more about the what and less about the how.⁣⁣
⁣⁣
Building a mobile application is not just writing code until it's finished. There are tons of things to think about and prepare before even opening your favorite IDE:⁣⁣

- Build a prototype of each screen of your app.⁣⁣
- Choose a color palette / icons / typography.⁣⁣
- Design the navigation flow between each screen.⁣⁣
- Identify reusable components / define a consistent naming for them.⁣⁣
- Choose a standard nomenclature for methods, components, screens.⁣⁣
⁣⁣

Besides, during and after development, you'll have to do things like:⁣⁣

- Learn how to publish your app in the App Store and Google Play⁣⁣
- Test your app using different configurations⁣⁣
- Take screenshots using different sizes for each store.⁣⁣
⁣⁣

In this series, I will share my process with you as I complete all these tasks one by one. In addition, I will add tips and recommendations for each step of the process.⁣⁣
⁣⁣
In the next post, I'll give you an overview of the whole project. There I'll talk about the story behind this project, and I'll dig deeper into the project's scope in terms of screens, features, etc.⁣⁣
⁣⁣
If you want to dig deeper into the code, check out my GitHub repo:⁣⁣

{% github mauro-codes/formal-booking %}
⁣⁣
# Let me know what you think

I'll love to hear your thoughts about this project! Is there any specific topic you want me to tackle during the series? Let me know in the comments below.
Most Featureful Markdown Parser
Tags: markdown, webdev, latex, pdf
Published: 2021-03-16 10:59:45

My favorite implementation is [Markdown Preview Enhanced](https://github.com/shd101wyy/markdown-preview-enhanced), to be exact, [@shd101wyy/mume](https://github.com/shd101wyy/mume), but I want a little more features...

Another one that I love, is [Discourse's (forum)](https://www.discourse.org/).

## Not only HTML, but also CSS (preprocessor) and JS enabled

I know there are security concerns, but you write your own text; so why care?

```html
<style>
h2 {
  color: red;
}
</style>
```

```html
<script>
alert('hello')
</script>
```

## Isolated CSS styling, and reusable components

With the power of [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM), CSS is not penetrated to the outside. (But JavaScript still do.)

It is used in [WebComponents, and I made one too](https://github.com/patarapolw/make-html/blob/master/packages/x-card/index.js).

## Web enabled, with server-side enhancements

I made an online playground, here. It is made from pasting bare URL - https://github.com/patarapolw/make-html.

{% github patarapolw/make-html no-readme %}

However, [when it is online, you need to care about security](https://www.polv.cc/post/2020/04/secure-youtube-iframe-markdown). (And avoid XSS injection, for example.)

## Live editor

If you have slow-to-render components, or reactive with JavaScript; like IFrame; you can prevent flickering with incremental DOM.

{% post https://dev.to/patarapolw/how-to-prevent-flickering-in-live-markdown-editor-1pd1 %}

## You can save as PDF

See [this post](https://www.polv.cc/post/2020/11/markdown-to-pdf-missing-pieces).

{% post https://dev.to/patarapolw/markdown-to-pdf-missing-pieces-from-various-approaches-and-merging-together-2dp3 %}
How do I fix duplicate emails in Outlook?
Tags: outlookduplicateremover, removeduplicateoutlookfiles
Published: 2021-03-16 10:54:44

If you want to fix Outlook duplicate emails issue then try this third party solution Regain <a href="https://www.regainsoftware.com/outlook-duplicate-remover.html">Outlook Duplicate Remover Software</a> that will help you to remove your duplicate emails from Outlook. It has date range feature where you can remove your duplicate items by specific date. With this software you can easily removes all the duplicate email items like contacts, emails, calendars, tasks, journals, etc from Outlook without any issue.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6atoo5d4el2r4d7ven1.png)
Serverless  & DevOps Conference Alert 📢
Tags: serverless, devops, azureapril, kubernetes
Published: 2021-03-16 10:53:22

Join me at #CCDaysOnline to attend exciting sessions on Serverless & DevOps on 24 & 25 March 2021. For registration and event details: https://t.co/z6oTSV1qgq
Is there a way to remove duplicate emails in Outlook?
Tags: outlookduplicateremover, removeduplicateoutlookfiles
Published: 2021-03-16 10:51:16

If you are looking for an easy way where you can remove duplicate emails in Outlook then you should try this Regain <a href="https://www.regainsoftware.com/outlook-duplicate-remover.html">Outlook Duplicate Remover</a> tool that easily remove your duplicate emails from Outlook without any technical knowledge. It will not change anything from the data files and maintain the original formatting of all data files. It offers free trial version where you can save 30 emails per folder at free of cost.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpubfcrjd2zwhdlzy8js.png)
How to Learn Web Development Using Free Resources
Tags: technology, javascript, programming, webdev
Published: 2021-03-21 04:42:29

---
title: How to Learn Web Development Using Free Resources
published: true
date: 2021-03-16 10:47:56 UTC
tags: technology,javascript,programming,webdevelopment
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/2000/0*V0RBdduUo4VAMtrm)](https://javascript.plainenglish.io/how-to-learn-web-development-using-free-resources-1c677e70de14?source=rss-9c6cbf57703------2)

An in-depth guide for beginners.

[Continue reading on JavaScript in Plain English »](https://javascript.plainenglish.io/how-to-learn-web-development-using-free-resources-1c677e70de14?source=rss-9c6cbf57703------2)
Underrated Articles on Dev.to from Last Week
Published: 2021-03-16 10:42:07

Hello! I'm back with another installment of underrated articles from last week! 

Let's check them out 🔥 -

## 1. VS Code Extensions

VS Code is popular because we can add additional features by adding extensions. In this article, Sparsh mentions 10 extensions on VS Code that will immediately help you in your development journey 💯.
{% link https://dev.to/akathecoder/top-10-vs-code-extensions-to-level-up-your-development-game-18i %}

## 2. List of Resources

Lary recommended some YouTube channels that will guide you through each step of the web development journey. Beginners must check this article out 💛.
{% link https://dev.to/larymak/useful-resources-for-programmers-and-web-developers-512c %}

## 3. The secret to skyrocket your Career

In this post, Arctype team demonstrates that while working as a team, developers should cultivate a mindset that includes a business perspective, and think like a PM. 
He further noted things they learned moving from software engineering to product management.
{% link https://dev.to/arctype/the-secret-to-growing-your-career-is-not-being-a-better-engineer-3m0h %}

## 4. Software Job in 6 Months

A simple roadmap for becoming a web application developer is penned down by Phillip in this article. Resources are also shared at each step.
{% link https://dev.to/ninan_phillip/land-a-software-job-in-6-months-8c9 %}

## 5. Create Registration App With Animation Using the MERN Stack

Yogesh wrote the process of building an amazing Multi Step Registration form with smooth animated transitions using MERN(MongoDB, Express, React, Node.js) stack.
{% link https://dev.to/myogeshchavan97/how-to-create-a-full-stack-multi-step-registration-app-with-nice-animations-using-the-mern-stack-12gp %}

*That's all folks! These were our personal favorite underrated posts from last week, and we hope you liked them. Tell us about your favorite posts that went underrated in the comments below!* ❤️