teleren/devto huggingface dataset:
Adding my first Continuous Integration (CI)
Tags: webdev, github, git, beginners
Published: 2022-11-17 04:52:06

When working with  repositories, especially those that are written by professionals, I always get confused what the "task" is all about during a pull request. I just shrugged it off as some high level github functionality that I won't be learning for a while. However, it turns out it's very simple to set up. Having a `test` also helps with it, because it esnures that the user requesting to pull request understand whether their code will cause a problem in the future.

> Setting up a CI

Setting up a [Continous Integration](https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs#running-on-a-different-operating-system) is very simple. You just need to create a YAML called `node.js.yml` file, under the directory `.github/workflows`. Once these are done, simply follow the code provided from the github document, and change the value depending on what you want.

> Working with a different repository

My partner's repository has always been fairly difficult to understand, due to his years of experience with coding. It took me a fairly long time to write a test for his code, because majority of it has already been touched upon. He was using `snapshots` which I found fairly helpful with these kinds of test. 

With how much time I spent creating my CI, and seeing its benefits, I will now integrate this to my repository after I finish writing my test files.
Whatsapp group ban problem seeks a solution
Published: 2022-11-17 04:43:38

I am a foreign trade company and need to use whatsapp. We need to create many groups of more than 400 people on whatsapp to display products. There are at least 1,000 groups every day. Therefore, I need a software script to assist in the completion. We have many virtual No. mobile phone number registration account, but it is also very difficult to create groups with normal accounts, anyone who can solve this problem, please contact me, generous bonuses, no matter what method you use, as long as you make sure to create more than 1000 groups every day
Contact: Johnny
whats: +19183220843
TG; @johnny2028
What Is The Right Way To Transfer Money From Chime To Cash App?
Published: 2022-11-17 04:22:08

Instead of wandering for the right kind to [Transfer Money from Chime to Cash App](https://www.contactcustomer-service.co/blog/how-to-transfer-money-from-cash-app-to-chime-card/), you need to go to the official help section without making any delay. However, you may also find out the right source of information along with proper assistance to do the same without any kind of hassle.
Discussion: .NET MAUI vs Flutter vs React Native
Tags: discuss, dotnet
Published: 2022-11-17 04:05:51

---
title: Discussion: .NET MAUI vs Flutter vs React Native
published: true
description:  which choice do you prefer for creating your applications .NET MAUI, Flutter and React native? and why? 
tags: discuss, dotnet, discussion
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-11-17 03:22 +0000
---

We have 3 amazing options to create cross-platform applications using one base code.  

.NET MAUI was released in 2022, supported by Microsoft. It uses C# and .NET for the code base and you can use XAML or Blazor Hybrid (HTML, CSS, C#) to create the UI. New version of Xamarin. 

Flutter started in 2017 and was created by Google. It uses dart with declarative programming. Flutter is very light and easy to learn. 

React native was released in 2015 created by Meta (Facebook) and the community. Similar to React.js, React native is based on components. There are many libraries and extensions created by the community that help us to improve the user experience in our projects. 

If you need to start a new project taking in consideration your skills, experience and likes, which choice do you prefer? and why?
Decentralization
Tags: beginners, tutorial, web3, blockchain
Published: 2022-11-17 04:05:00

Blockchain's three key elements are decentralization, immutability, and transparency. Today, we will examine decentralization in simple terms, its benefits, and why it is important.

This is [Web3 Trends](https://dev.to/envoy_/series/20519), a collection of brief but informative Web3 threads.

{% embed https://twitter.com/Envoy_1084/status/1593084064193343489?t=inGYZqyPm27sz2IcqqQzxw&s=19 %}

### 📍 Decentralization Definition

The movement of control and decision-making from a centralized entity (person, organization, or group thereof) to a dispersed network is referred to as decentralization in blockchain.

---

### 📍 Why decentralization matters

Decentralized networks attempt to lessen the level of trust that users must place in one another and to prevent them from exercising power or control over one another in ways that undermine network operation.

---

### 📍 Benefits of decentralization

💠 Facilitates a trustless setting

Each network participant has a copy of the same data in the form of a distributed ledger. If a member's ledger is altered or distorted in any manner, the majority of network members will reject it.

💠 Reduces degrees of shortcoming

Decentralization can reduce the severity of flaws in frameworks that rely too heavily on explicit employees.

💠 Optimized assets dispersion

Decentralization can also help improve resource allocation, resulting in better performance and consistency, as well as a lower probability of catastrophic failure.

---

For more exciting brief web3 threads, follow me.

{% embed https://dev.to/envoy_ %}
{% embed https://twitter.com/Envoy_1084/status/1584856929259913216 %}

---
Add Scroll animation to react web app using scrollreveal
Tags: webdev, programming, tutorial, react
Published: 2022-11-17 04:03:27


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5ij8fkqmk5q1hnp8tor.gif)
firstly lets install the library using
```javascript 
npm i scrollreveal
```
Let's add the following to the component. If you're using a class component, you must do so in componentdidmount();

```javascript 
//firstly we import using 
import ScrollReveal from "scrollreveal";
//then we create ref 
refs = React.createRef();
//for class component 
 componentDidMount() {
    const config = {
      origin: "left",
      duration: 1000,
      delay: 150,
      distance: "500px",
      scale: 1,
      easing: "ease"
    };
```
then, following our config in the lifecycle, we add the following code.
```javascript 
ScrollReveal().reveal(this.refs.firs-animation, config); 
```
the tag we want to animate is then given the ref="firs-animation" attribute.

I appreciate your time, Thank you.

Sample code

```javascript 
import React from "react";
import ScrollReveal from "scrollreveal";
class Banner extends React.Component {
 refs = React.createRef();
 componentDidMount() {
  const config = {
   origin: "left",
   duration: 1000,
   delay: 150,
   distance: "500px",
   scale: 1,
   easing: "ease",
  };
  ScrollReveal().reveal(this.refs.box1, config);
}

render() {
 return (
  <div className="banner">
   <div className="banner">
    <div className="Bann" ref="box1">
     <div className="basic">first</div>
     <div className="basic">first</div>
    </div>
    <div className="banner_basic">
     <h6>just a basic example</h6>
     <h6>text,</h6>
    </div>
   </div>
  </div>
 );
 }
}
export default Banner;
```
Aos works for both class and functional components , link below
https://github.com/michalsnik/aos#animations
Iniciar un contenedor docker con MySQL Community Server
Published: 2022-11-17 03:57:41


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

¿Qué es Docker?

La idea detrás de Docker es crear contenedores ligeros y portables para las aplicaciones software que puedan ejecutarse en cualquier máquina con Docker instalado, independientemente del sistema operativo que la máquina tenga por debajo, facilitando así también los despliegues.

Para seguir este ejercicio deberás instalar [docker](https://www.docker.com/) y [docker compose](https://docs.docker.com/compose/install/) en tu sistema operativo.

La misión en simple poder iniciar un contenedor con MySQL Community Server.

Una vez descargado docker crea una carpeta en tu directorio de usuario de preferencia o en el lugar donde vayas a tener tu archivo ejecutor, crea en el directorio un archivo con extensión .yml, por ejemplo (dockersql.yml) y escribe el siguiente código en tu archivo .

```
version: '3.8'
services:
  db:
    image: mysql:8.0
    cap_add:
      - SYS_NICE
    restart: always
    environment:
      - MYSQL_DATABASE=quotes
      - MYSQL_ROOT_PASSWORD=mauFJcuf5dhRMQrjj
    ports:
      - '3306:3306'
    volumes:
      - db:/var/lib/mysql
      - ./db/init.sql:/docker-entrypoint-initdb.d/init.sql
volumes:
  db:
    driver: local

```




¿Qué es YAML?

YAML es un formato de serialización de datos legible por humanos inspirado en lenguajes como XML, C, Python, Perl, así como en el formato de los correos electrónicos. YAML fue propuesto por Clark Evans en 2001, quien lo diseñó junto a Ingy döt Net y Oren Ben-Kiki.

[más detalles](https://www.redhat.com/es/topics/automation/what-is-yaml)

La siguiente base te permitirá crear una base de datos en las variables de entorno (MYSQL_DATABASE) y la contraseña (MYSQL_ROOT_PASSWORD). Siente libre de cambiar los valores.

Una vez realizado esto y teniendo tu código listo, abre una nueva terminal y asegúrate de estar en el directorio donde se encuentra el archivo y ejecuta el siguiente comando.

```
docker-compose -f docker-compose.yml up
```

esto ejeuctara el contenedor:

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

```
docker ps 
```

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

Felicidades, ya tienes listo tu contenedor para trabajar con MySQL Community Server . 🎉
【Job offer】Product Manager for WEB3 Vedio content platform (Part/Full time)
Published: 2022-11-17 03:56:20

This is a starting Web3 project like a Web3 Youtube. With the tokenomics with Watch2Earn and Create2Earn. We plan to mint videos as NFTs. And we are planing for a NFTmarketplace with SWAP and Staking(Auction is not a must). A DAO with voting.

We are hiring a product manager to build a team and kick off. We hope you are experience especially in tokenomics and NFT marketplace.

We are open to talk about the salary. You may give your quotation.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jh8agw3o9dsv6csyjhhe.jpg)
The power of the Workspace Layout
Tags: webdev, react
Published: 2022-11-17 03:49:55

When deciding how we want to we want to present our data from our database to our users, we are faced with several options. I have seen the light that is a workspace layout and would love to share my two cents on the design system. 

A workspace layout facilitates user collaboration on records. It highlights the activity and discussion that is happening around a record by placing this information prominently in the larger content area, while simultaneously displaying the related records in the sidebar. A summary of the record’s details are in a panel above the content area for easy reference.

This is a design system often used by some very popular websites. When workspace layout design systems are used along with the users intention, this will lead to a much richer web application. 
![workspace layout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mstguchvi902llep859q.png)

As this diagram shows, utilizing this design system is actually quite easy and is amazing to integrate into multi-relational database models. Each of the relationships can be shown on one page and altered dynamically creating better UX. 

![profile template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jdtqg7dqee8f5trkdkm5.png)

This generic facebook profile template is a perfect example of a workspace layout. The "[name]" would be the model name of the record being displayed. All the information on the left side of the display is the quick reference info of the related records. This would also be associated model information via the corresponding relationships. The large area for "Posts" is essentially a comment field allowing for activity and discussion that is happening around a record. 


![profile template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/we2xmfpjdh8489yd0ljs.png)
Here is a Linkedin profile template and as you can see, it is also utilizing the workspace layout design system. Joe Sample's information would be filled out entirely by the database columns. The current model name is present at the top of the page as the "me" icon in the navbar. If this example included and "activity" area, that would be the models relational information, similarly to Facebook's "posts" area. 

Once you begin to recognize a [workplace design system](https://www.lightningdesignsystem.com/guidelines/layout/), you will see them being used on many applications and for good reason. They make UX richer!
International Product Conference by Parimatch Tech
Tags: product
Published: 2022-11-17 03:25:32

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

Product Conference will be held in Magenta Experience Center (Prague) on 2 December. Offline and online participation is free, subject to prior registration via the [link](https://parimatch.tech/event/product-conference-prague/).

The event will bring together leading product managers, analysts, entrepreneurs, designers, and all those interested in developing technological services and platforms.

At the International Product Conference, specialists with different backgrounds and experiences will share their vision of product development, discuss case studies, and give advice on marketing, management, monetisation, analytics, and more. The speakers to present their reports at this year’s conference are:

- Vadym Voitiuk: Principal Solutions Architect at AWS: "Amazon's Culture of Innovation"
- Ray Astafichev: Head of Growth at Readdle, co-founder of the KOLO Charity foundation
- Denys Parkhomenko: CPO at Parimatch Tech: “Tech business survival 101: the dangers of a feature factory”
- Nataliia Antonenko: Senior Native Product Manager at Parimatch Tech: "You shall not pass: how to feel more confident during Play Market and App Store reviews"
- Angèle Lenglemetz: Senior Product manager at Shares.io
- Pavlo Pedenko (Moderator): Senior Product Manager at Wise.

"The ProductCamp presents a series of events to bring together professionals with the widest possible expertise in product development – from the emergence of real start-ups to thoughtful and systemic SaaS solutions. As the organisers, we strive to attract a diverse audience, and as a result, we always discover unexpected but powerful collaborations and a wide variety of views, experiences, and thoughts on the future,” Denys Parkhomenko, CPO at Parimatch Tech explains.

The International Product Conference will be held both off- and online. At the in-person meeting, the organisers will especially emphasise networking, communication, and various forms of interaction between participants. The conference will be publicly broadcast on YouTube.

"We at Parimatch Tech have been supporting the ProductCamp format for several years and have built an exceptional community for product managers and entrepreneurs in Ukraine and the region. Our meetings have brought together experts from top tech companies including Uber, Tumblr, BlaBlaCar, Readdle, MacPaw, and others. We are now excited to introduce this format to a new market and audience”, explains Nadiya Semenenko, Parimatch Tech Employer Brand Lead in the Czech Republic.

The International Product Conference starts on December 2nd at 17:00, Magenta Experience Center.

Offline and online participation is free, subject to prior registration via the [link](https://parimatch.tech/event/product-conference-prague/).
Day 45 / 100daysofcode
Tags: nextjs, 100daysofcode, beginners
Published: 2022-11-17 03:24:31

I have been grounded for the last 11 days because my room was messy. Although I am still grounded, I found a way to use my computer to code. I am limited to only using HTML and CSS, so I have been creating front-end templates.

I would consider this day a milestone because I am comfortable with NextJS. I plan to use NextJS to help me learn NodeJS. NodeJS is a back-end server-side language. The internet says that NodeJS is best for real-time application websites, which will help me with my current project.

There are two projects that I am developing. The first project is an idea-sharing website for those who face creative blocks. I am a victim of creative block and often find myself unmotivated to code because of them. This website will help people who have the same problem as me, the website solves the issue of people waiting weeks before working on a project. The second project I am working on will be an office hour booking website. There are lots of students who need to seek extra help from teachers but often miss office hours because they don't know the time. This website will allow teachers to post when they have office hours, the students will upvote if they want to go. That will help teachers save time since they won't have to stay longer if no students arrive. Depending on your school, there might be a tutor option where students can book tutors for certain projects.
Bullet Song Lyrics Telugu and English – The Warriorr Movie
Published: 2022-11-17 03:07:11

Bullet Song Lyrics in English

Na pakkaki nuvvey vastey

Heart beat-ey speed avutundi

Ohh touch-ey nuvve iste

Na blood-ey heat avutundi


Na bike-ey ekkavante

Inka break-ey vaddantundi

Nuvvu natho ride ki vastey

Red signal green avutundi


Come on baby lets go on the bullet

On the way lo paadukundam duet

Come on baby lets go on the bullet

On the way lo paadukundam duet


Ey twenty twenty lagaa

Ni travel thrilling undi

World cup-ey kottinattu

Ni kiss-ey kick icchindi


Hey bus-u lorry car-u

Ika vatini side ki nettu

Mana bike-ey super cute-u

Rendu chakralunna flight-u


Come on baby lets go on the bullet

On the way lo paadukundam duet

Come on baby lets go on the bullet

On the way lo paadukundam duet


Highway paine velthu velthu

Ice cream parlour lo agudham

Oh kulfie thone selfie tisukundam


Tomorrow-ne lenattugaa

Today manam tirugudhaam

One day lone world-eh chussedhaam


Midnight ayina kudaa

Head light esuku podha

Arre helmet nettina petti

Kotha head weight thone podha


Seat-u meedha jaripadi

Chinni chinni aashalu theerchukundhaam


Come on baby lets go on the bullet

On the way lo paadukundam duet

Come on baby lets go on the bullet

On the way lo paadukundam duet


Ye chetta patta lesukoni

Insta reel-u dimpudhaam

Na would be antu

Status pettukundhaam


Horror cinema hall-ku velli

Corner seat-lo nakkudhaam

Bhayapettey scene lo

Ittey hatthukundhaam

View more []https://www.blogger.com/blog/post/edit/3778710635890115542/5380507814566764324
Replace 7 CRUD Routes on Rails with one Line of Code
Published: 2022-11-17 02:59:25

Nope, this is not click bate!. It's the syntax that resolves having to type all the 7 **standard** routes that a **CRUD** Rails app contains. Here is a quick glance at the routes:
```
get 'cars', to: 'cars#index'
get 'cars/new', to: 'cars#new'
post 'cars', to: 'cars#create'
get 'cars/:id', to: 'cars#show'
get 'cars/:id/edit', to: 'cars#edit'
patch 'cars/:id', to: 'cars#update'
delete 'cars/:id', to: 'cars#destroy'
```
Here is the keyword that contains the same standard routes:
```
resources :cars
```
The command creates each route with prefixes. Here is the equivalent of **resources :cars**:
```
get 'cars', to: 'cars#index'
post 'cars', to: 'cars#create'
get 'cars/new', to: 'cars#new', as: :new_car
get 'cars/:id/edit', to: 'cars#edit', as: :edit_car
get 'cars/:id', to: 'cars#show', as: :car
put 'cars/:id', to: 'cars#update'
patch 'cars/:id', to: 'cars#update'
delete 'cars/:id', to: 'cars#destroy'
```
【Laravel】How to delete record logically
Tags: laravel
Published: 2022-11-17 02:42:29

There are 2 ways to delete records from tables.

1. **Physical deletion** is to literally delete records from your database and there is no way to restore it.
In SQL, you code something like;

```
DELETE FROM books WHERE author_id=2;
```
("Delete the record from the table 'books' whose 'authoer_id' is 2.")

2. **Logical deletion** is to that you actually keep the record. However, by setting a specified column (usually, setting to 1 (or true) from 0 (or false)), you can make the record disappear from the table.
In SQL, you code something like;

```
UPDATE books SET delete_flg = 1 WHERE author_id=2;
```
("In 'books' table, update 'delete_flg' in (a) column(s) whose 'author_id' is 2.)

So, you still see the record in the table. 
If you want to get all records from books, you can code;

```
SELECT * FROM books WHERE delete_flg = 0;
```
Then you get all books that are not deleted logically.

3.How do you delete logically in Laravel?
In migration file, you need to code as below;

```
 public function up()
    {
        Schema::create('books', function (Blueprint $table) {
            $table->bigIncrements('id')->comment('ID');
            $table->bigInteger('author_id')->nullable()->default(null)->comment('Author for the book');
            $table->softDeletes();
//Or you can code as below instead of '$table->softDeletes().'
            $table->timestamp('deleted_at')->nullable()->default(null)->comment('logical deletion flag');
        });
    }
```
Then in a Model file,

```
<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;

class Book extends Model
{
    //Add
    use SoftDeletes;
}

```
If you "delete" data by using Eloquent as below, for example, 

```
Book::where('author_id',2)->delete();
```
you still see the record in your database, but it is logically deleted.
Continuous deployment for front-end projects with surge.sh
Tags: react, webdev, vue, beginners
Published: 2022-11-17 02:10:21

Surge.sh has indeed boosted my efficiency for deploying front-end projects. 


## How to get started

1. Globally install surge.sh ```sh
npm install -g surge
```
2. Run the surge command ```sh
surge
```
3. Setup an email and password
4. Assign a domain for your project
![Surge.sh description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fukpvrb0del8bpvjkmt6.gif)
5. Add this command to your package.json scripts ```sh
...
"deploy": "surge --domain your-assigned-domain.surge.sh"
```
6. Run the command when next your build is ready.

Voila 🚀!

---


Was this helpful? Let me know in the comment section, especially compared to deploying on other platforms.

---

I am [Paul Ishaili C.](https://dev.to/mrpaulishaili), a software engineer and tech writer. I share interesting thoughts and processes on solving problems and truly understanding programming. 

Follow me on [Twitter](https://twitter.com/mrpaulishaili) and [LinkedIn](https://linkedin.com/in/mrpaulishaili)

---

## Credits

- Cover image: [Mimadeo](https://www.istockphoto.com/portfolio/Mimadeo?mediatype=photography)