teleren/devto huggingface dataset:
Hello, World!
Published: 2023-09-26 02:54:27

The //dev.to signup was a breeze.

- GitHub Registration
- Automatically following 50 people based on hashtags (`#`) I chose from, of which I probably chose half of them 😏
- Welcome page with calls to action, such as the one that made me actually write this post:

> "Write your first dev.to Community Post"
> (or something like that).

Now if this post publishes and converts the markdown, without me having to do anything, I'll be sold! 💸
Về chúng tôi – Thiên đường giải trí xanh chín Suvipx
Published: 2023-09-26 02:32:20

Về chúng tôi – Thiên đường giải trí xanh chín Suvipx
Về chúng tôi - Suvipx mang đến cho anh em những nhìn nhận khách quan nhất. Nhờ đó các tay chơi hiểu rõ hơn về sân chơi đổi thưởng uy tín này.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mn3z3smp1n73lmnw4rwi.jpg)
Xem tại đây: [https://suvipx.com/ve-chung-toi/](https://suvipx.com/ve-chung-toi/)
#suvip #gamesuvip #conggamesuvip #suvipx #suvipx_com #gamebaisuvip
Create A Project With Next.Js
Tags: nextjs, webdev, javascript, react
Published: 2023-09-26 02:28:00

Now I will learn about Next.js , take notes on what I have experienced through it and what I can do. To be here sometimes we may need it. Currently I am using the latest version of Next.JS

```javascript
npx create-next-app@latest
```
It will appear a copy, if you like which one, select yes, and for me, select yes all ::)

```javascript
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias? No / Yes
What import alias would you like configured? @/*
```

![Create A Project With Next.Js - hoanguyenit.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4b0e0u2upyb5oqd1w9wl.png)
We will get a project like this: 

![Create A Project With Next.Js - hoanguyenit.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5v9omkniub07yh93tok.png)

![Create A Project With Next.Js - hoanguyenit.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96av9n202kdxgjlzsd89.png)
So we have a simple project. To start, just run the following command: 

```
npm run dev
```

![Create A Project With Next.Js - hoanguyenit.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynrfpxg8fjzsc5v6uqlu.png)
See you again in the following article:
The article : [Create A Project With Next.Js](https://hoanguyenit.com/create-a-project-with-nextjs.html)
AVSpeechSynthesisVoice Fall Back Mechanism
Tags: ios, swift, avspeechsynthesisvoice
Published: 2023-09-26 02:03:38

---
title: AVSpeechSynthesisVoice Fall Back Mechanism
published: true
description: how to handle missing languages in target devices
tags: iOS, swift, AVSpeechSynthesisVoice
---

I recently received complaints from my users stating that some (but not all) devices couldn't perform TTS in my [dictionary app].

At first, I was quite confused because all the devices I had on hand worked fine, as did all the simulators.

Eventually, I realized that the issue might be caused by missing target voices on the user's device.

This can be resolved by implementing a fallback mechanism if the user hasn't installed the required voice package.

```swift
// specific target voice
let targetVoiceID = "com.apple.voice.compact.zh-TW.Meijia"

// fallback language
let fallbackLang = "zh-TW"

// fallback if the user doesn't have the target voice
let voice = AVSpeechSynthesisVoice(identifier: targetVoiceID) ?? AVSpeechSynthesisVoice(language: fallbackLang)
```

One notable feature of `AVSpeechSynthesisVoice(language:)` is that it will further fallback to the system's default voice if the target language is not available. In contrast, `AVSpeechSynthesisVoice(identifier:)` will simply return `nil`.

On reflection, I probably should invite users who are experiencing issues to become beta testers, even though we've only connected online and have never met in person. 😜

questions?

- [my twitter](https://twitter.com/hoishing)
- [github profile](https://hoishing.github.io)


[dictionary app]: https://apps.apple.com/hk/app/id371152394
Leetcode: Linked List Cycle (Kotlin)
Tags: leetcode, kotlin, androiddev, algorithms
Published: 2023-09-26 01:30:00




![](https://cdn-images-1.medium.com/max/2560/1*p874AqEunZ_1xPdCxBhGQA.png)

This is an easy Leetcode LinkedList question. I will go over my thought process for solving this. For this, we will use Floyd’s Cycle Detection algorithm.
[**Linked List Cycle - LeetCode**](https://leetcode.com/problems/linked-list-cycle/)

### Brainstorm

 1. Define two pointers — slow and fast. Initialize both of them to the head of the linked list.

 2. Move the slow pointer one step at a time and the fast pointer two steps at a time.

 3. At each step, check if slow and fast pointers are equal. If they are equal at some point, then a cycle exists in the linked list.

 4. If the fast pointer reaches the end of the list (i.e., it becomes null), then there is no cycle in the list.

### Solution

    /**
     * Example:
     * var li = ListNode(5)
     * var v = li.`val`
     * Definition for singly-linked list.
     * class ListNode(var `val`: Int) {
     *     var next: ListNode? = null
     * }
     */
    
    class Solution {
        fun hasCycle(head: ListNode?): Boolean {
           var slow = head
           var fast = head
    
           while(fast != null && fast.next != null){
               slow = slow?.next
               fast = fast?.next?.next
    
               if(slow == fast){
                   return true
               }
           }
    
           return false
        }
    }
Aprendendo e botando em prática com as muitas APIs disponíveis. Um pequeno incentivo pra você.
Tags: webdev, api, beginners, braziliandevs
Published: 2023-09-26 01:23:31

A dica é óbvia, mas sempre válida: comece pela documentação e leia-a com calma. Os detalhes aqui são importantes.

Lendo e trabalhando com APIs consagradas e disponíveis você deverá aprender coisas como:

**Uso básico da API** 

Ou seja, como fazer solicitações, autenticação, autorização, entender as respostas e como funcionam em diferentes empresas. 

**Autenticação/Autorização**

Compreender os métodos de autenticação e notar que, de maneira geral, as APIs funcionam de forma semelhante, seja com o uso de chaves de API, OAuth, entre outros. Você pode implementar um método de autenticação na sua API com base na documentação de um produto bem estabelecido no mercado. 

**Escrever documentação**

Imagine que você tenha uma tarefa agendada para amanhã que envolve a modificação de um endpoint sem documentação existente. Essa é uma excelente oportunidade para ganhar reconhecimento junto à equipe, mesmo que envolva apenas a documentação desse endpoint. Você já tem exemplos de como documentar uma API. Siga o exemplo!

**Um desafio**

Considere encapsular as funcionalidades da API em um único lugar usando um "wrapper" (encapsulamento). Nesse caso, pode ser uma ótima ideia reinventar a roda, pois isso permite colocar em prática conceitos importantes, como abstração, testes e legibilidade de código. Além disso, não hesite em dar uma olhada nas soluções já publicadas no GitHub para aprender com os melhores exemplos disponíveis.

**Algumas APIs pra você:**

- Last.fm API: [http://www.last.fm/api](http://www.last.fm/api)
- Spotify Developer: [https://developer.spotify.com/](https://developer.spotify.com/)
- ANBIMA (Associação Brasileira das Entidades dos Mercados Financeiro e de Capitais): [https://developers.anbima.com.br/pt/documentacao/visao-geral/introducao-a-api/]
- Discord Developer Portal: [https://discord.com/developers/docs/intro](https://discord.com/developers/docs/intro)
Telegram Bot API: [https://core.telegram.org/](https://core.telegram.org/)
Adyen API Explorer: [https://docs.adyen.com/api-explorer](https://docs.adyen.com/api-explorer)
[https://core.telegram.org/](https://core.telegram.org/)
[https://docs.adyen.com/api-explorer/
](https://docs.adyen.com/api-explorer/
)
A food delivery application made using React and Swiggy's API
Tags: food
Published: 2023-12-27 18:31:58

---
title: A food delivery application made using React and Swiggy's API
published: true
date: 2023-09-26 00:59:00 UTC
tags: Food
canonical_url: https://reactjsexample.com/a-food-delivery-application-made-using-react-and-swiggys-api/
---

# FoodHunt
 ![A food delivery application made using React and Swiggy's API](https://reactjsexample.com/content/images/2023/09/Code_2023-09_20-53-49.jpg)

A food delivery application made using React and Swiggy's API.

This project was built as a part of the course Namaste React by Akshay Saini.

[View Demo](https://foody-two.vercel.app/)[View Github](https://github.com/DineshRout779/FoodHunt?ref=reactjsexample.com)

## Tech Stack

- React
- Parcel
- Tailwind CSS
- Jest(Testing)
- Redux-toolkit

## Features

- Get restaurants by current location
- Add to cart
- Shimmer UI
- 

## How to use

1. Clone the repo

```
git clone https://github.com/DineshRout779/FoodHunt
```

1. Install dependencies

```
npm install
```

1. Start the dev server

```
npm start
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

This project is open source and available under the [MIT License](https://github.com/DineshRout779/FoodHunt/blob/main/LICENSE).
A minimal library that helps filter out NSFW images
Tags: filter
Published: 2023-12-27 18:32:05

---
title: A minimal library that helps filter out NSFW images
published: true
date: 2023-09-26 00:44:00 UTC
tags: Filter
canonical_url: https://reactjsexample.com/a-minimal-library-that-helps-filter-out-nsfw-images/
---

# NSFW Filter
 ![A minimal library that helps filter out NSFW images](https://reactjsexample.com/content/images/2023/09/Code_2023-09_21-39-31.jpg)

An npm library that helps filter out inappropriate images using AI.

* * *

## Installation

`npm i nsfw-filter`

## Usage

```
import NSFWFilter from 'nsfw-filter';

const isSafe = await NSFWFilter.isSafe(image);
```

### Full example

```
import { useState } from 'react';
import NSFWFilter from 'nsfw-filter';

function ImageUploader() {
  const [imageUrl, setImageUrl] = useState('');

  const handleImageUpload = async (event) => {
    const file = event.target.files[0];

    // Check to see if the image is appropriate
    const isSafe = await NSFWFilter.isSafe(file);
    if (!isSafe) return 'Image is not appropriate';

    // Process the image if it is safe
    if (file) {
      const reader = new FileReader();
      reader.onloadend = () => {
        setImageUrl(reader.result);
      };
      reader.readAsDataURL(file);
    }
  };

  return (
    <div>
      <input type="file" onChange={handleImageUpload} />
      {imageUrl && <img src={imageUrl} alt="Uploaded" />}
    </div>
  );
}

export default ImageUploader;
```

### Real world usage

`nsfw-filter` is currently used in production to process hundreds of thousands of images for a popular image restoration service called [restorePhotos](https://www.restorephotos.io/). It helps prevent people from uploading inappropriate pictures. [See how it’s used here.](https://github.com/Nutlope/restorePhotos/blob/main/pages/restore.tsx)

## How it works

This library uses both Tensorflow.js, an OSS library for machine learning models, and `nsfwjs` to predict whether a given image is NSFW (Not Safe For Work).

## GitHub

[View Github](https://github.com/Nutlope/nsfw-filter?ref=reactjsexample.com)
Unlock the Future of Web3: Explore Digital Assets on NEAR's Eco-Friendly Blockchain with Mintbase JS API & Win $500!
Published: 2023-09-26 00:40:03

Right now I'm running a contest where developers of any skill level get entries into a $1,000 prize pool by completing a quick tutorial, [check it out](https://gleam.io/em61W/mintbase-dev-challenge)!

Wondering why I'm so passionate about [Mintbase](https://mintbase.xyz/)? Let me guide you through 🧵👇

## 𝐀 𝐉𝐨𝐮𝐫𝐧𝐞𝐲 𝐑𝐨𝐨𝐭𝐞𝐝 𝐢𝐧 𝐀𝐫𝐭

It began with a dream of bringing artists to the blockchain when we lost IRL earning opportunities. In 2020, together with curator [Lisa Kolb](lisakolb_xkey), we showcased artists at the [CODAME ART+TECH Festival through JOYNT](https://codame.com/projects/art-tech-festival-2020-joynt). Success tasted sweet on ETH, but the challenging UX and environmental concerns made us seek alternatives.

## 𝐃𝐢𝐬𝐜𝐨𝐯𝐞𝐫𝐢𝐧𝐠 𝐌𝐢𝐧𝐭𝐛𝐚𝐬𝐞 𝐚𝐧𝐝 𝐍𝐄𝐀𝐑

That's when Mintbase, developing on the carbon-neutral L1 [NEAR](https://near.org/), caught our eye. I was immediately drawn to NEAR's open engineering culture and Mintbase’s Createbase community. This community, brimming with diverse minds and genuine intent, laid the foundation for the current [CreativesDao](https://www.creativesdao.org/).

## 𝐖𝐡𝐲 𝐌𝐢𝐧𝐭𝐛𝐚𝐬𝐞 𝐒𝐭𝐚𝐧𝐝𝐬 𝐎𝐮𝐭

Through the turbulence of web3, [Mintbase](https://mintbase.xyz) remained a beacon of integrity and innovation. Their approach is refreshingly honest – no token launches, no shady activities, just a commitment to universal standards and interoperability. Their real USP? Launch a contract with Mintbase, and you're the owner, staying true to web3's spirit of radical self-reliance. 

## 𝐍𝐄𝐀𝐑'𝐬 𝐆𝐚𝐦𝐞-𝐂𝐡𝐚𝐧𝐠𝐢𝐧𝐠 𝐀𝐩𝐩𝐫𝐨𝐚𝐜𝐡

Parallelly, [Near Protocol](https://near.org/) has etched its own niche, driving blockchain adoption to unprecedented heights. It powers giants like [Sweatcoin](https://sweatco.in/) and [Cosmose (KAIKAI)](https://cosmose.co/), placing it among the top 5 chains by user activity. With native stable coins, NEAR ensures seamless transactions on Mintbase, supplemented by credit card payments. Near Foundation’s thoughtful strides have ensured its legal robustness and a healthy treasury. Its experimental projects, like the [Near Digital Collective](https://twitter.com/neardc) and [Blockchain Operating System](https://docs.near.org/bos), showcase its dynamism.

## 𝐖𝐞𝐛𝟑: 𝐀 𝐃𝐨𝐦𝐚𝐢𝐧 𝐨𝐟 𝐄𝐧𝐝𝐥𝐞𝐬𝐬 𝐏𝐨𝐬𝐬𝐢𝐛𝐢𝐥𝐢𝐭𝐢𝐞𝐬

With economic uncertainties looming, developers are scouting for fresh horizons. While the bear market paints a grim picture of crypto, the surge in blockchain developer demand (552% in 2022) is hard to ignore. So, why wait? [Dive into the $1000 Mintbase challenge!](https://starpause.com/mintbase)

_Don't consider yourself a developer? No worries! Try tasks like creating a testnet wallet or crafting a Mintbase AffiliateDirect link. There's a challenge for everyone to tackle 🤝_
A Mail sender app which coded in reactjs
Tags: email
Published: 2023-12-27 18:32:17

---
title: A Mail sender app which coded in reactjs
published: true
date: 2023-09-26 00:04:00 UTC
tags: Email
canonical_url: https://reactjsexample.com/a-mail-sender-app-which-coded-in-reactjs/
---

[![A Mail sender app which coded in reactjs](https://user-images.githubusercontent.com/51341253/269666039-30442480-6fb1-4195-b991-6dc5b9265ab8.png)](https://user-images.githubusercontent.com/51341253/269666039-30442480-6fb1-4195-b991-6dc5b9265ab8.png)
# mail-sender-app
 ![A Mail sender app which coded in reactjs](https://reactjsexample.com/content/images/2023/09/Code_2023-09_20-59-02.jpg)

Welcome to the mail sender app

This is a React app that sends mails by using the emailjs. It is built using the latest version of React.

## Installation

To install the [Project Name] React App, follow these steps:

1. Clone the repository:

​ git clone [https://github.com/3m12/mail-sender-app.git](https://github.com/3m12/mail-sender-app.git)

1. Change to the project directory:

​ cd [repository] ​

1. Install the dependencies:

​ npm install ​

1. Start the development server:

​ npm start ​

Now you can view the app in your browser by navigating to `http://localhost:3000`.

## Usage

You have to change the ids(get your ids at emailjs.com after by creating an account) in the mailsender.js to configure the app for yourself also install the emailjs library via using the code at your terminal "npm install @emailjs/browser".After typing the proper informations into the inputs click the send button and check the console at your browser terminal for "Email has been sent!" log then check your mail. You will see it is working!

## License

The mail sender app is licensed under the [MIT License](https://github.com/3m12/mail-sender-app/blob/main/LICENSE).

## GitHub

[View Github](https://github.com/3m12/mail-sender-app?ref=reactjsexample.com)
Which Developers Are in High Demand Now?
Tags: discuss
Published: 2023-09-26 00:00:00

---
published_at : 2023-09-26 00:00 +0000
---
_Hey, hey, it's the Daily Byte! Over the next several days, we'll be talking about developer roles, success taits, and the future ahead._

>  Share your observations on trending developer roles and the skills in high demand


Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
what the heck is locality of reference , why i will waste brain cells bytes to know it?
Tags: softwareengineering, cpu, softwaredevelopment
Published: 2023-09-25 23:51:05

Locality of Reference is a critical Computer Science topic and helps improving the software's performance if the programmer is aware of it .

Programs that tend to exhibit good locality are those who're constituted of components that tend to reference data items that are near other recently referenced data items or that were recently referenced themselves .

There is 2 types of locality : 

1- Temporal locality : if a main memory's word is referenced once , and there are potential references in the near future , it should be in the cache memory.

2- Spatial locality : if a memory location is referenced once, then the program is likely to reference a nearby memory location in the near future ; A good example is a programming block which is logically distinguishable that is : Traversing a contiguous array of data using a loop statement .

Okay thank you for giving me information that i can get from Wikipedia , how the heck that will help me improve my programming skills & performance ?

Answer : We have the following example that performs matrix values sum

![example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffj4k7st70rjte1a3ja4.png)

the sumarraycols() function in Figure 6.19(a) computes the same result as the sumarrayrows function in Figure 6.18(a). The only difference is that we have interchanged the i and j loops. 

But What impact does interchanging the loops have on its locality?

The sumarraycols() function suffers from poor spatial locality because it scans

the array column-wise instead of row-wise. Since C arrays are laid out in memory row-wise.

The examples retrieved from the book : Computer Systems - Programmer's perspective.
🎬 Video - Brief introduction of Elanat
Tags: csharp, dotnet, opensource, tutorial
Published: 2023-09-25 23:48:58

Elanat framework new video on YouTube channel.

YouTube channel link:
[https://www.youtube.com/@elanatframework](https://www.youtube.com/@elanatframework)

In this video, we have briefly introduced Elanat.

The audio on the video is the English text read by google translate and allows you to access a quality subtitle in all languages of the world.

Note: The size of the video is very small; watch in 1080 quality (22 minutes in only 175 MB).

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

Elanat website:
[https://elanat.net](https://elanat.net)

Elanat repository link:
[https://github.com/elanatframework/Elanat](https://github.com/elanatframework/Elanat)
Introducing NextJS Google Drive Directory: Simplifying Google Drive Navigation
Tags: googledrive, nextjs, vercel, tutorial
Published: 2023-09-25 23:40:43

Hello Dev.to community,

If your company is like ours, you are using Google Drive to maintain a wide variety of documents including employee handbooks. Wouldn't it be nice to have focused access points for that body of knowledge? 

We created a tool that will allow you to do just that. With a little setup, you can create a special portal into one of your personal or team drive directories, allowing for a directory-style navigation through the sub-folders and content as well as a contained search result engine for that directory. 

If this sounds appealing to you, we got you covered and have built the foundational application to get started. 

At the moment, it is even free to deploy to Vercel. No costs included. All you have to do is fork the repo, modify it to suit your API access credentials, and then deploy it. More on that below. 

## Functionality

The NextJS Google Drive Directory simplifies Google Drive navigation by restricting the view to a single directory. This straightforward approach helps users locate and work on specific files more efficiently. Additionally, it offers a subdirectory navigation feature to facilitate easy movement between related files or folders.

For a hands-on demonstration, this [tutorial video](https://www.youtube.com/watch?v=Fsatd2HkBxk) provides a comprehensive guide.

## Educational Value: Learn Google Drive API

Beyond its utility, the application also serves as a tutorial for those interested in learning how to interact with the Google Drive API. By studying the source code and following the project's documentation, you can gain practical insights into API integration and usage.

## Videos

### Localhost installation

https://www.youtube.com/watch?v=Fsatd2HkBxk

### Deployment to Vercel

https://www.youtube.com/watch?v=fy0WG4J9jPA

## Support and Community

If you find the application beneficial, there's an option to support its development through joining the [GBTI private community](https://gbti.io). 

## Github

The [NextJS Google Drive Directory](https://github.com/gbti-labs/nextjs-google-drive-directory/) is open source and available on GitHub.

Feel free to explore the application and share any feedback.

---

For more information, visit us on [Twitter](https://twitter.com/gbtilabs),  [GitHub](https://github.com/gbti-labs)

[Copyright © 2023 · All Rights Reserved · GBTI](https://gbti.io)
Real Estate Valuation with TensorFlow
Tags: machinelearning, tensorflow, python
Published: 2023-09-25 22:39:06

[This notebook presents a real estate valuator model built to predict the price per unit area of properties in Sindian Dist., New Taipei City, Taiwan](https://colab.research.google.com/drive/1Q7GCCafPZFn-cCAeKoyC-SqVHaDGzAYJ#scrollTo=D30VJy6KLFtF). Utilizing a dataset from the University of California Irvine containing historical transaction data from 2012-2013, the model employs linear regression techniques. The dataset comprises 414 instances with features like transaction date, house age, distance to the nearest MRT station, number of convenience stores, and geographical coordinates. The target variable represents the house price per unit area, denominated in 10,000 New Taiwan Dollar/Ping. The methodology encompasses data acquisition from the University of California Irvine, preprocessing where data is split into training and testing sets and standardized, model building and training using TensorFlow, and evaluation. After building and training the model, users can predict prices for new properties by entering the property's details into the notebook.