teleren/devto huggingface dataset:
First steps taken - AquaHub #4
Tags: database, career, typescript, nextjs
Published: 2022-11-05 07:00:00

This week I started the **Projects Portal (AquaHub)** and took the first steps. I'm so excited and really hyped for what the future holds. Here I share the two top things happened this week.

- [🗂 PocketBase](#pocketbase)
- [👤 Authentication](#authentication)
- [🔥 UI coming](#ui-coming)

## 🗂 PocketBase
Another and most likely to the last change I did to the tech stack that I'm going to use for this project. I set up the so called [Pocketbase](https://pocketbase.io) to use as a Backend-as-a-Service.

I added it via docker-compose to my [devcontainer](https://dev.to/jannisdev/create-a-devcontainer-vscode-4pkh). It was super easy to set up and it's working perfectly fine.

PocketBase is a small but fast backend to use in an application and has a beautiful and easy to use **web interface**. You can configure multiple things like **storage server** (S3) or **SMTP** for **password reset/confirmation mails**. The documentation is awesome and there's also built-in API preview in the dashboard.

## 👤 Authentication
With the new backend set up I implemented the first authentication method. **Google authentication** for the beginning because it's the most used one. Later there will be more added!

There were multiple problems at first with the authentication flow and I needed to get familiar with the _PocketBase_ API. But now that I've spent a few hours learning PocketBase, it works fine and I can move on.

## 🔥 UI coming
Now that I'm all set with a working backend and authentication I start with building **some parts of the UI**. My plans are to make a concept about the structure of the page and how the user is going to _interact_ with it.

I focus on making a very **MVP** now to find out if it's going to have some people interested in it. Of course fun is the most important part and I'm definitely having a ton of fun!

**Thanks for reading!**
<a href="https://www.buymeacoffee.com/jannisdev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-blue.png" alt="Support me" height="20" width="80"></a>
This week’s newsletter is out! (05-11-2022) - Everything is Totally Fine
Tags: javascript, tech, webdev
Published: 2022-11-05 06:50:47

---
title: This week’s newsletter is out! (05-11-2022) - Everything is Totally Fine
published: true
description: Another week of great javascript, tech and web development links.
tags: javascript, tech, webdev, discuss
---

Everything is Totally Fine

https://markjgsmith.substack.com/p/saturday-5th-november-2022-everything

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
Chasing the Truth About CISA Test
Published: 2022-11-05 06:38:25

<a href="https://dumpsarena.com/isaca-certification/cisa-certification/">CISA Test</a> To earn this certification, you want to have realistic revel in and expertise in acting the subsequent tasks: To layout and broaden an identities and safety control plan To layout and put in force cloud statistics platform answers To create an powerful continuity plan The Engineer Expert is a brand new certification withinside the Microsoft certification course in 2019. In order to qualify for this certification, you want to first clean anybody of the certifications beneathneath the Microsoft associate-stage certifications; Administrator or Developer certification. Azure Security Engineer Associate (Exam ) In order to gain the Security Engineer Associate certification, you want to clean best a unmarried examination; . This certification is in particular designed for IT safety professionals who carry out their IT operations in an-primarily based totally cloud surroundings. In order to gain this certification, then, you want to have in-intensity revel in and sound realistic expertise approximately the subsequent important IT safety practices.

Click Here More Info >>>>> https://dumpsarena.com/isaca-certification/cisa-certification/
Many Heatwell Heater US suggest that buying
Tags: webdev, javascript, programming, beginners
Published: 2022-11-05 06:30:19

Many Heatwell Heater US suggest that buying this sort of warmers is a splendid technique to make certain both you and your love ones stay refreshed despite the fact that the iciness. However, many clients still ask: Does everybody recognise if the Heat Well Heater is any correct or Scam? Is Heat Well Heater luxurious or profitable? In this Heatwell Heater, we'll get the solutions to those questions. The [Heatwell Heater Reviews](https://www.mynewsdesk.com/lynx-blogs/pressreleases/number-exposed-heatwell-heater-canada-and-usa-review-legit-or-scam-3215203) is a area-saving and portable heating answer that circulates heat air around a room. When wintertime rolls round, the heater takes the chill off the residence and places a pleasantly warmth. You will preserve your comfort and productivity thanks to replacing the chilly air within the room with warm air produced via the heater. The Micro-Ceramic Technology hired through Heatwell Heater, along with the Maximum Air Flow, is responsible for transforming brisk, icy air into heat, calming warmth. This lets in you to reap a number of temperatures, from frigid to warm and at ease. The green and cost-powerful heating functionality of the Heatwell Heater Reviews allows you to warmth your own home whenever you require it.
[https://www.prnewswire.com/news-releases/heatwell-heater-a-portable--effective-heater-to-provide-quick-heat-301666162.html](https://www.prnewswire.com/news-releases/heatwell-heater-a-portable--effective-heater-to-provide-quick-heat-301666162.html)
Partition Labels
Tags: leetcode, python, problemsolving
Published: 2022-11-05 06:19:09

You are given a string s. We want to partition the string into as many parts as possible so that each letter appears in at most one part.

Note that the partition is done so that after concatenating all the parts in order, the resultant string should be s.

Return a list of integers representing the size of these parts.


```py

class Solution:
    def partitionLabels(self, S: str) -> List[int]:
        count = {}
        res = []
        i, length = 0, len(S)
        
        for j in range(length):
            c = S[j]
            count[c] = j

        curLen = 0
        goal = 0
        
        while i < length:
            c = S[i]
            goal = max(goal, count[c])
            curLen += 1

            if goal == i:
                res.append(curLen)
                curLen = 0
            i += 1
        
        return res

```
Introduction to Nuxt.js
Published: 2022-11-05 06:14:12


You might have heard of nuxt and be wondering what it is.
Nuxt.js is a framework of vue.js which is a JavaScript framework. So basically, nuxt.js is a framework of a framework.
Make sense?

Although more versions have been released to improve useability but nuxt.js remains a framework that offers server-side rendering It is an open source framework that improves performance and accessibility. It is a frontend framework and offers better SEO improvement with its server-side rendering feature. It provides faster development than Vue with an auto-generic route. It helps create a statistically generated website for applications and handles a bunch of boilerplate work for standard vue.js apps.


**Differences between Nuxt.js and Vue.js**

The first thing is that nuxt is a framework of Vue.js hence a framework of a JavaScript framework while vue.js is a framework of JavaScript.
Nuxt.js helps building vue.js applications faster and easier as it provides a lot of new features that are not present in vue.js
Vue.js is known for its high scalability, ready to use conventions, resource optimization and a client-side rendering framework while Nuxt.js is known to be a server-side rendering framework, ability to build a single page app(SPA), robust routing system, static file serving, minifying and bundling of CSS and js, pre-processors: Sass, Less, Stylus, and more. It is also known for its ability to auto-code split, to write Vue files and also for its modular architecture extension.
Nuxt.js implements convention and configuration while Vue does not.
Nuxt.js handles routing and store config through pre-configured setups of Vue-router and vuex, with auto-generated routes based on your .vue file structure. It also provides some clever dynamic-url conventions.


  **Getting Started with Nuxt.js**

To get started, make sure you have the node package installed. Check the version of your yarn or npm to be sure
Next, create your new nuxt.js application.

**yarn create nuxt-app <new-project-name>**

A few questions will pop out like the name of your project, Nuxt options, UI framework, Typescript, linter, testing framework and so on. You can read through the create-nuxt-app documentation to find out more about these options.
After answering all this questions, go to your project folder and launch.’
Now, cd into your project
Then yarn dev. 
You can view your project on localhost:3000

After this, create your package.json folder if it isn’t there already.
Then install nuxt. 
yarn add nuxt
Then proceed to your folder.

You could start with very small projects and also, read through the nuxt.js documentation as there are available tutorials for you to try.
Nuxt.js is an interesting framework and works to improve your code experience.

My Twitter Handle: https://twitter.com/mchelleOkonicha

My LinkedIn Handle: https://www.linkedin.com/in/buchi-michelle-okonicha-0a3b2b194/
Issue with dynamic routing
Published: 2022-11-05 06:12:42

so my app is stuck on the loading not routing to the desired page l need help please

 useEffect(() => {
    // const handleLoggedIn = async () => {
    //   const isLoggedIn = await magic.user.isLoggedIn();
    //   if (isLoggedIn) {
    //     // route to /
    //     router.push("/");
    //   } else {
    //     // route to /login
    //     router.push("/login");
    //   }
    // };
    // handleLoggedIn();
  }, []);

  useEffect(() => {
    const handleStart = (url) => (url !== router.asPath) && setIsLoading(true);
    const handleComplete = (url) => (url === router.asPath) && setIsLoading(false);

    router.events.on('routeChangeStart', handleStart)
    router.events.on('routeChangeComplete', handleComplete)
    router.events.on('routeChangeError', handleComplete)

    return () => {
        router.events.off('routeChangeStart', handleStart)
        router.events.off('routeChangeComplete', handleComplete)
        router.events.off('routeChangeError', handleComplete)
    };
}, [router]);
  return isLoading ? <Loading/> : <Component {...pageProps} />;
}

export default MyApp;


so the part that was commented out was suppose to make the routing possible, its stuck on loading screen more of like a loop.

PLEASE HELP
Laravel use multiple boot in traits
Published: 2023-09-20 12:15:27

---
title: Laravel use multiple boot in traits
published: true
date: 2022-11-05 05:54:00 UTC
tags: 
canonical_url: https://dcblog.dev/laravel-use-multiple-boot-in-traits
---

Let's say you want to use multiple traits in your models to reuse common code such as applying UUIDs and settings global query scopes like this:

```
use HasUuid;
use HasTenant;

```

Each of these traits has a boot method:

**HasUuid** :

```
trait HasUuid
{
    public function getIncrementing(): bool
    {
        return false;
    }

    public function getKeyType(): string
    {
        return 'string';
    }

    public static function boot()
    {
        static::creating(function (Model $model) {
            // Set attribute for new model's primary key (ID) to an uuid.
            $model->setAttribute($model->getKeyName(), Str::uuid()->toString());
        });
    }
}

```

**HasTenant:**

```
trait HasTenant
{
    public static function boot()
    {
        if (auth()->check()) {
            $tenantId = auth()->user()->tenant_id;

            //assign when creating a record
            static::creating(function ($query) use ($tenantId) {
                $query->tenant_id = $tenantId;
            });

            //apply condition to all queries
            static::addGlobalScope('tenant', function (Builder $builder) use ($tenantId) {
                $builder->where('tenant_id', $tenantId);
            });
        }
    }
}

```

trying to run this will trigger an error:

**Trait method App\Models\Traits\HasTenant::boot has not been applied as App\Models\User::boot, because of collision with App\Models\Traits\HasUuid::boot**

This is because both traits are using a boot method, to solve this Laravel supports a **bootTraitName** for example **HasTenant** becomes **bootHasTenant**

Change both traits to use the bootTraitName like this:

```
trait HasUuid
{
    public static function bootHasUuid()
    {

```

and

```
trait HasTenant
{
    public static function bootHasTenant()
    {

```

Now they can be used together in a single model without causing any errors.

Laravel also supports **initializeTraitName** which can look like:

```
protected function initializeHasToken()
{
    $this->token = Str::random(100);
}

```
Laravel boot multiple traits
Published: 2022-11-18 18:58:20

---
title: Laravel boot multiple traits
published: true
date: 2022-11-05 05:54:00 UTC
tags: 
canonical_url: https://dcblog.dev/laravel-boot-multiple-traits
---

Lets say you want to use multiple traits in your models to reuse common code such as applying UUIDs and settings global query scopes like this:

```

use HasUuid;
use HasTenant;
```

Each of these traits has a boot method:

**HasUuid** :

```

trait HasUuid
{
    public function getIncrementing(): bool
    {
        return false;
    }

    public function getKeyType(): string
    {
        return 'string';
    }

    public static function boot()
    {
        static::creating(function (Model $model) {
            // Set attribute for new model's primary key (ID) to an uuid.
            $model->setAttribute($model->getKeyName(), Str::uuid()->toString());
        });
    }
}
```

**HasTenant:**

```

trait HasTenant
{
    public static function boot()
    {
        if (auth()->check()) {
            $tenantId = auth()->user()->tenant_id;

            //assign when creating a record
            static::creating(function ($query) use ($tenantId) {
                $query->tenant_id = $tenantId;
            });

            //apply condition to all queries
            static::addGlobalScope('tenant', function (Builder $builder) use ($tenantId) {
                $builder->where('tenant_id', $tenantId);
            });
        }
    }
}
```

trying to run this will trigger an error: 

**Trait method App\Models\Traits\HasTenant::boot has not been applied as App\Models\User::boot, because of collision with App\Models\Traits\HasUuid::boot**

This is because both traits are using a boot method, to solve this Laravel supports a **bootTraitName** for example **HasTenant** becomes **bootHasTenant**

Change both traits to use the bootTraitName like this:

```

trait HasUuid
{
    public static function bootHasUuid()
    {
```

and

```

trait HasTenant
{
    public static function bootHasTenant()
    {
```

Now they can be used together in a single model without causing any errors.

Laravel also supports  **initializeTraitName** which can look like:

```

protected function initializeHasToken()
{
    $this->token = Str::random(100);
}
```
212. Leetcode Solution in Java
Tags: challenge, java
Published: 2022-11-05 05:13:57

```java
class TrieNode {
  public TrieNode[] children = new TrieNode[26];
  public String word;
}

class Solution {
  public List<String> findWords(char[][] board, String[] words) {
    for (final String word : words)
      insert(word);

    List<String> ans = new ArrayList<>();

    for (int i = 0; i < board.length; ++i)
      for (int j = 0; j < board[0].length; ++j)
        dfs(board, i, j, root, ans);

    return ans;
  }

  private TrieNode root = new TrieNode();

  private void insert(final String word) {
    TrieNode node = root;
    for (final char c : word.toCharArray()) {
      final int i = c - 'a';
      if (node.children[i] == null)
        node.children[i] = new TrieNode();
      node = node.children[i];
    }
    node.word = word;
  }

  private void dfs(char[][] board, int i, int j, TrieNode node, List<String> ans) {
    if (i < 0 || i == board.length || j < 0 || j == board[0].length)
      return;
    if (board[i][j] == '*')
      return;

    final char c = board[i][j];
    TrieNode child = node.children[c - 'a'];
    if (child == null)
      return;
    if (child.word != null) {
      ans.add(child.word);
      child.word = null;
    }

    board[i][j] = '*';
    dfs(board, i + 1, j, child, ans);
    dfs(board, i - 1, j, child, ans);
    dfs(board, i, j + 1, child, ans);
    dfs(board, i, j - 1, child, ans);
    board[i][j] = c;
  }
}
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/word-search-ii/description/
Cheap AI Chess!
Tags: codepen
Published: 2022-11-05 04:39:28

<p>A wonderful opportunity to beat a computer at chess!</p>

<p>Play against a friend, a totally random AI, or wager money as it plays against itself. I'm sure there are still bugs in here but hey, happy new year.</p>

{% codepen https://codepen.io/kamran_dev/pen/eYKJerq %}
Human-A Natural Intelligence...
Tags: machinelearning, deeplearning, human, nature
Published: 2022-11-05 04:31:50

What's the biggest, most intelligent Machine we know now?
It's none other than the HUMANS, i.e., us.
If we consider humans as machines as I have considered, we can see our life is just like a Model which is trained by different trainers in different situations.
We are Natural Intelligence like we say AI.
Like Neural networks mimic human brain simulations, we ourselves are mimicking other people's works.
Considering our birth, a baby actually mimics its parents and the people around it. 
The parents and other people just train the baby by showing them actions, and saying some words to repeat, which we can them as the datasets.
Another dataset is the walking stage of babies. They analyse how other humans actually walks i.e., with two legs, and will try to walk like that, accuracy won't be exact at first as they will fall. But as they get trained to walk, accuracy will become high.
If our ancestors walked on 4 legs, we could be doing the same. Someone in past got inspired to walk on 2 may be from nature itself and hence the present day we are doing.
The next stage is off schooling, the trainers are teachers and friends who train us with datasets of Knowledge, life, love, and character. Also, we can consider the TV/Celebrity Idols as some kind of trainer who provides a dataset of styles, attitudes, and fantasies.
Stage 4 is self-thinking, self-learning, and creating. This is not yet so evolved in AI, but we can hope it could be in the future. We, Humans, learned to take our decisions, and create and discover many scientific, moral, and social things. Even AI was created in this stage. 
Coming to reinforcement learning, it's what we know, the appreciation we get is what makes us do things better. In humans, it can be a solid prize and emotional comfort. A student works more when he finds a teacher appreciates him well and so he can get more appreciation he desired. Between two people love happens because it's a mutually rewarding situation. That's emotional comfort.

We know the layers of processing in Deep learning, we are having that too. For taking a decision we go through several possibilities and filter out those until the final decision comes. When we are stuck somewhere, we got to take an extra weight like asking someone else close to us to take the decision.
Basically, We can consider ourselves as machines or an Intelligence created by nature and nature being the head of the trainers.
Consider a small hoax, we humans and Earth are just advanced creation of some other species made for a entertainment to watch for them and they trained us using machine learning.


Some terms: 
Dataset = a set of data or information that is used to feed to a machine for that to analyse it and process on the basis of it.
Layers : Layers in terms of computer science, In each layer some kind of filtering or process happens and gives the output to next layer.
Let's Do Freelancing in a Modern Way - Topcoder Gig Work
Tags: webdev, freelancing, productivity, career
Published: 2022-11-05 04:24:21

# Let's Become a Modern Freelancer - Topcoder Gig Work

## Introduction

Freelancing is the most popular way among developers to get paid. At Topcoder, they offer freelance jobs that they called _**Gig Work**_. It's much like traditional freelancing but it has some uniqueness that makes it different from others. One of the differences is they have a good pay rate for a developer who works on Gig Work.

You can sign up for a gig work [here](https://www.topcoder.com/gigs?referralId=rfthet).

## How to get started?

If you do not have a competition history at Topcoder, that's okay. Before getting started to work with a customer you have to build up your skillset. It's nothing much just you have to prove your skills by participating in their skill builder competitions and build up your profile. Once you become rated and/or show success by either winning challenges or successfully passing review in any competition track you are eligible to participate in Gig Work engagements. 

You can learn more about it [here](https://www.topcoder.com/gigs?referralId=rfthet).

## After becoming eligible

Having an in-depth profile you will be moved higher in the list as they match Gig Work members to customer requests. 

## What type of talent are they looking for?

Here are a few skills they are always looking for,

- Fullstack Developers

- Front End Developers

- Back End Developers

- Designers

- Data Engineers

- Data Scientists

- DevOps Engineers with AWS, Azure, GCP


## What should you do if you are interested in Gig Work?

If you are interested in working on freelancer-style work with different customers and projects visit [this page](https://www.topcoder.com/gigs?referralId=rfthet). Also, check out open Gigs to see if something fits your talent and experience.

## Conclusion

Now you know how to start a Gig Work at Topcoder and earn a good amount of money. Also, you can learn more details about it [here](https://www.topcoder.com/gigs?referralId=rfthet).


_Photo by cottonbro studio_

[![ko-fi](https://cdn.ko-fi.com/cdn/kofi2.png?v=3)](https://ko-fi.com/mkdaycode)