teleren/devto huggingface dataset:
Fall Nail Art: Adding Sparkle with Nail Sequin Glitter
Published: 2023-12-19 15:14:36



When it comes to autumn-themed nail designs, one cannot ignore the vibrant colors and intricate patterns that capture the essence of the season. With the changing leaves and cozy vibes, fall nail art allows individuals to express their creativity and embrace the beauty of nature. And what better way to add a touch of sparkle to your nail design than with nail sequin glitter?## Enhancing the Autumn Aesthetic

As the leaves turn yellow, green, and red, it's the perfect time to experiment with nail designs that reflect the beauty of fall. Nail sequin glitter offers a wide range of options to enhance your autumn aesthetic. Whether you prefer holographic yellow, green, or red maple leaf designs or want to incorporate sequin glitter for a dazzling effect, these nail supplies allow you to explore endless possibilities.## Thanksgiving Nail Art Supplies

Thanksgiving is a time to celebrate and give thanks. With nail sequin glitter, you can add a festive touch to your manicure and show off your holiday spirit. Create unique designs featuring maple leaves, turkeys, or other Thanksgiving symbols using these versatile nail art supplies. They are perfect for women and girls who enjoy DIY manicures and want to make their nails stand out during the holiday season.## A Must-Have for Nail Design Enthusiasts

If you are a nail design enthusiast or a professional nail artist, nail sequin glitter is a must-have in your collection. These glittery sequins can take your nail art to the next level, allowing you to create intricate designs that make a statement. Whether you want to add a subtle shimmer or go all out with a bold and vibrant design, nail sequins are a versatile tool that can transform your nails into works of art.## Unleash Your Creativity

With nail sequin glitter, the possibilities for nail designs are endless. Experiment with different colors, shapes, and sizes to create unique patterns that reflect your personal style. From simple accents to intricate nail art masterpieces, nail sequins provide the perfect finishing touch, adding an element of glamour and shine to your fall-inspired manicure.## Conclusion

When it comes to fall nail art, nail sequin glitter is a game-changer. It offers a wide range of options to enhance your autumn aesthetic, making it the perfect choice for Thanksgiving nail art and beyond. Whether you're a nail design enthusiast or a professional nail artist, nail sequins can add a touch of sparkle and creativity to your nail designs. So, embrace the beauty of fall and let your nails shine with nail sequin glitter!
Custom QueryBuilder in Typescript ( MERN Stack)
Tags: webdev, programming, beginners, tutorial
Published: 2023-12-19 15:00:54

## Unlocking the Power of QueryBuilder:

```ts
//=> src/app/modules/student/student.service.ts
const getAllDataFromDB = async (query: Record<string, any>) => {
  const studentQuery = new QueryBuilder(
    Student.find()
      .populate('admissionSemester')
      .populate({
        path: 'academicDepartment',
        populate: {
          path: 'academicFaculty',
        },
      }),
    query,
  )
    .search(studentSearchableFields)
    .filter()
    .sort()
    .paginate()
    .fields();

  const result = await studentQuery.modelQuery;
  return result;
}
```

```ts
//==>src/app/builder/QueryBuilder.ts
import { FilterQuery, Query } from 'mongoose';

class QueryBuilder<T> {
  public modelQuery: Query<T[], T>;
  public query: Record<string, unknown>;

  constructor(modelQuery: Query<T[], T>, query: Record<string, unknown>) {
    this.modelQuery = modelQuery;
    this.query = query;
  }

  search(searchableFields: string[]) {
    const searchTerm = this?.query?.searchTerm;
    if (searchTerm) {
      this.modelQuery = this.modelQuery.find({
        $or: searchableFields.map(
          (field) =>
            ({
              [field]: { $regex: searchTerm, $options: 'i' },
            }) as FilterQuery<T>,
        ),
      });
    }

    return this;
  }

  filter() {
    const queryObj = { ...this.query }; // copy

    // Filtering
    const excludeFields = ['searchTerm', 'sort', 'limit', 'page', 'fields'];

    excludeFields.forEach((el) => delete queryObj[el]);

    this.modelQuery = this.modelQuery.find(queryObj as FilterQuery<T>);

    return this;
  }

  sort() {
    const sort =
      (this?.query?.sort as string)?.split(',')?.join(' ') || '-createdAt';
    this.modelQuery = this.modelQuery.sort(sort as string);

    return this;
  }

  paginate() {
    const page = Number(this?.query?.page) || 1;
    const limit = Number(this?.query?.limit) || 10;
    const skip = (page - 1) * limit;

    this.modelQuery = this.modelQuery.skip(skip).limit(limit);

    return this;
  }

  fields() {
    const fields =
      (this?.query?.fields as string)?.split(',')?.join(' ') || '-__v';

    this.modelQuery = this.modelQuery.select(fields);
    return this;
  }
}

export default QueryBuilder;

```
NGX-UI-LOADER: Multiple loaders, spinners, and progress bar for Angular application.
Tags: webdev, angular, loader, spinner
Published: 2023-12-19 14:59:55

### ngx-ui-loader

An `all-in-one` and fully customizable loader/spinner for Angular applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.
## Features
- Support custom template **(>= ngx-ui-loader@9.1.0)**.
- Support multiple loaders **(>= ngx-ui-loader@7.1.0)**.
- Show foreground loader with progress bar
- The page content can be `blurred/frosted` while showing foreground loader. See [NgxUiLoaderBlurred directive](#ngxuiloaderblurred)
NgxUiLoaderBlurred directive for more details
- Automatically show loader for router events. See NgxUiLoaderRouterModule for more details
- Automatically show loader for http requests. See NgxUiLoaderHttpModule for more details

## NgxUiLoader

#### Usage
If you want the loader to start automatically for navigating between your app routes, in your root AppModule, do as follows:
First, let us install the library from npm:
```bash
npm i ngx-ui-loader
```
then it is time to import it inside the module:
``` typescript
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";

import { NgxUiLoaderModule, NgxUiLoaderRouterModule } from "ngx-ui-loader";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    NgxUiLoaderModule, // import NgxUiLoaderModule
    NgxUiLoaderRouterModule, // import NgxUiLoaderRouterModule. By default, it will show the foreground loader.
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## Automatically show loader for HTTP requests

If you want the loader to start automatically for HTTP requests, in your root AppModule, do as follows:
```typescript
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { HttpClientModule } from "@angular/common/http";

import { AppComponent } from "./app.component";

import { NgxUiLoaderModule, NgxUiLoaderHttpModule } from "ngx-ui-loader";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    HttpClientModule, // import HttpClientModule
    NgxUiLoaderModule, // import NgxUiLoaderModule
 // If you need to show the foreground spinner, do as follows:
    NgxUiLoaderHttpModule.forRoot({ showForeground: true })
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## Include `ngx-ui-loader` component
After importing the `NgxUiLoaderModule`, use the `ngx-ui-loader` in your root app template `app.component.ts`:

``` HTML
<ngx-ui-loader></ngx-ui-loader>
<router-outlet></router-outlet>
```
Dev's salary in crypto: yay or nay?
Tags: webdev, cryptocurrency, discuss, productivity
Published: 2023-12-19 14:54:41

Did you know that over 425 million people are cryptocurrency users? Cryptocurrency exchanges process millions of transactions daily. Private transfers, service, and real estate purchase fees. Bitcoin even became a national currency in El Salvador. So maybe it's time to change a debit card into a cryptocurrency wallet regarding the dev's salary?

As a developer, have you ever considered getting paid in cryptocurrency? Many pros have upgraded their B2B contracts and now receive their money in seconds. For example, Delver.io folks are open to this opportunity. We are mature enough to navigate this new frontier, so why not?

As a business owner, can you admit that your finance department is ready for this shift? You probably saw the The Economist puzzle cover prediction for 2024. We're not hinting at anything, but considering the political and economic downturn and potential risks caused by the crisis, it's the right time to consider alternatives and switch all business transactions to crypto. 

Everybody knows about volatility and lack of government regulations. But, the advanced knowledge of the crypto market and strong analytical skills can help you turn the lemon into a lemonade. 

Moreover, you have at least 3 reasons to consider crypto as a real devs' salary option: 

🔹 **Global Access**: No borders. No transaction limits. No, sir. Pay and get payments in seconds from any part of the globe (where the coverage is available, of course).

🔹 **Security**: If you have an account on cryptocurrency exchanges, you know that services  require setting up several levels of security. Be sure that security features inherent in blockchain technology keep your money better than any Swiss bank.

🔹 **Lightning-fast**: Get crypto once the transaction is performed. You can enjoy a swift and hassle-free process when paying and getting payments effortlessly in a few clicks.

Considering the prospects of crypto market development and devs' readiness for the changes, is it time to consider cryptocurrency as a standard salary option?

What do you think? Could this be the future of payroll in tech industries?

Join the conversation! Share your insights, concerns, and experiences.

#cryptocurrency #salary #developers #blockchain #Devler.io #DevsNetwork
I made a logical mistake
Tags: beginners, tutorial, codenewbie, career
Published: 2023-12-19 14:51:24

I made a logical mistake in my code, but that's okay. Making mistakes is entirely normal. In fact, every attempt involves a few failures, and my error is a straightforward logical resolution in a problem that involves a leaky bucket algorithm with Redis.

Redis must have a bucket to count how many tokens we have, and only API requests should reduce our tokens. However, we can only call the API if we have enough tokens to spend in our bucket. There are two errors that I made here. First, my Redis calls are depleting the buckets too, and secondly, all my calls are going to the API first, and only after that, the tokens are reduced. All these implementation ideas come from me, but when implemented, things just go wrong.

Practical learning is not easy; you're going to be wrong most of the time. However, every mistake you solve contributes to solid knowledge. If you want to be one of the best, you should practice more.
🤖✨ 10 Free AI Tools Everyone Should Know ✨🤖
Tags: ai, tooling, productivity, news
Published: 2023-12-19 14:46:36


Are you ready to dive into the amazing world of AI without spending a dime? Buckle up, because I'm about to introduce you to some AI tools that are so cool, they'll make your computer start feeling like a sci-fi gadget! 🚀


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



### 1. **Gamma** - Your Presentation Sidekick
Struggling with dull presentations? Let [Gamma](https://gamma.app/) spice them up with AI-driven design suggestions!

### 2. **AI Duet** - Jam with an AI Musician
Unleash your inner Beethoven and jam with [AI Duet](https://creativitywith.ai/aiduet/), an AI that understands your tunes and plays along!

### 3. **Craiyon** - Doodling with AI
Ever wanted to turn your craziest ideas into pictures? Check out [Craiyon](https://www.craiyon.com/), the AI that draws from your text prompts!

### 4. **YouTube & Article Summary powered by ChatGPT**
Too busy to watch long videos? Get quick summaries with the [YouTube & Article Summary](https://chromewebstore.google.com/detail/youtube-summary-with-chat/nmmicjeknamkfloonkhhcjmomieiodli?pli=1) Chrome extension!

### 5. **Engage AI** - Master of LinkedIn Comments
Elevate your LinkedIn game with [Engage AI](https://engage-ai.co/), crafting comments that make you sound like a pro!

### 6. **Socratic by Google** - Homework Helper
Stuck on homework? Let [Socratic by Google](https://socratic.org/) give you a hand, because who needs textbooks anyway?

### 7. **Tome** - Storytelling Wizard
Need to impress with a presentation? [Tome](https://tome.app/) is your AI genie, turning topics into captivating stories!

### 8. **Lumen5** - Video Guru
Transform your blogs into engaging videos with [Lumen5](https://lumen5.com/), because who reads when you can watch?

### 9. **Brandmark.io** - Brand Name Genius
Dreaming of a catchy brand name? [Brandmark.io](https://brandmark.io/) is here to spark your creativity!

### 10. **Riffusion** - AI Beatmaker
Fancy creating some tunes? Play with [Riffusion](https://www.riffusion.com/), your personal AI DJ!

There you go! Try these tools and watch as AI turns your computer into the coolest gadget in the neighborhood! 🌟💻
Launch of the VPN service
Tags: vpn, cloud, programming, news
Published: 2023-12-19 14:43:18

Serverspace on board 🚀! 

We added the ability to deploy VPN servers without the need to configure it. It is now possible to create servers with pre-installed SoftEther VPN and StrongSwan applications.

## We prepared for you:

- Up to 1000 Mbps bandwidth without limits on traffic volume.
- An IP address in the 6 worldwide locations.
- Access to the server from any device using the credentials from the control panel.

## How to create a VPN-server?

1. [Sign-up](http://serverspace.us/?utm_source=devto&utm_medium=articles&utm_campaign=main) in the Control Panel.
2. Go to the "VPN" section in the control panel.
3. Select an application, location, click "Create", and receive access credentials.
4. To use VPN on your devices, go to the "VPN" section and set it up with the "Starting Guide".



We would also like to remind you that our Christmas promotion for the new users continues!

For this year, our kindly ServerSanta gives a [$100 bonus dollars](https://serverspace.us/christmas-gift/) to new Serverspace users🎅🏻

The full Conditions of the Christmas promotion are here: [https://serverspace.us/christmas-gift](https://serverspace.us/christmas-gift)

<a href="http://serverspace.us/christmas-gift?utm_source=devto&utm_medium=articles&utm_campaign=main"><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mnk5eb49021c7cw7fvhk.png"></a>

_[Serverspace](http://serverspace.us?utm_source=devto&utm_medium=articles&utm_campaign=main) is an international cloud provider offering automatic deployment of [virtual infrastructure](http://serverspace.us?utm_source=devto&utm_medium=articles&utm_campaign=main) based on Linux and Windows from anywhere in the world in less than 1 minute. For the integration of client services, open tools like API, CLI, and Terraform are available._
Passkey Example Implementation in Node.js, MySQL & Vanilla JS/HTML
Tags: webdev, node, mysql, typescript
Published: 2023-12-19 14:38:40

## Introduction: Passkeys For User Authentication

In the evolving landscape of web security, passkeys are emerging as a revolutionary method of user authentication. This guide provides a beginner-friendly overview of implementing passkeys in web applications, offering a glimpse into a more secure and user-friendly authentication future.

**_[Read the full and detailed blog post with code snippets and architecture charts here.
](https://www.corbado.com/blog/passkey-tutorial-how-to-implement-passkeys)_**

## Passkeys are Different Compared to Traditional Methods

Passkeys, unlike traditional passwords, offer enhanced security and convenience. Passkey bring many advantages over conventional password-based systems. Key points include their resistance to phishing attacks and ease of use.

Frontend, Backend and Database Need to be Adapted for Passkeys
Implementing passkeys requires a specific setup including a web server, e.g. Node.js (TypeScript), a frontend via HTML + JavaScript and a database, e.g. MySQL.

## Call the Web Authentication API in the Frontend

The frontend setup is crucial for a seamless user experience. You can use Vanilla HTML/JavaScript to create a user interface that supports passkey authentication. There are two major points in the frontend that need to be adapted for passkey authentication: starting the passkeyRegister and starting the passkeyAuthenticate flow.

## Add a WebAuthn Server to Your Backend

A secure backend is vital for handling passkey authentication. You need a WebAuthn server like SimpleWebAuthn that is added as package to your Node.js web server. This [WebAuthn server](https://www.corbado.com/blog/webauthn-server-implementation) needs to be configured to handle passkey authentication requests properly.

## Store and Manage Passkeys in a Database

Integrating passkeys with a database, e.g. MySQL is a critical step. You need to pay attention to securely storing the passkey in the right format / encoding. Setting up your intial passkey database schema design is crucial as later changes might break important parts of your web app.

## Conclusion
Passkeys are the new login method for user authentication. They combine security and convenience and this article should have helped to better understand what’s needed to set up a minimum viable passkey-based web app. To explore the full tutorial for a detailed step-by-step guide on implementing passkeys in your web apps, visit [Corbado’s Full Passkey Tutorial](https://www.corbado.com/blog/passkey-tutorial-how-to-implement-passkeys).
This will make ChatGPT so much better in 2024
Tags: chatgpt, ai, webdev, programming
Published: 2023-12-19 14:30:14

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


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

A big global media and tech company, named Axel Springer is teaming up with OpenAI to make news and AI work together. They're doing this to make ChatGPT even better by adding real-time news from big names like POLITICO, BUSINESS INSIDER, (and more) BILD, and WELT.

This partnership is a big deal for both the companies. They both want to use AI to make content better and keep journalism strong. In chatgpt, This collaboration can help you get quick summaries of global news, even the ones you usually have to pay for, in real-time.
FFMPEG C Data Structures Memory Leak Cheatsheet
Tags: ffmpeg, audio, video
Published: 2023-12-19 14:08:08

# FFMPEG C API Memory Leak Cheatsheet
**Every malloc has an equal and opposite free** ~ Newton's fourth law of Physics.

Hello guys,
My name is Murage Kibicho and this is a quick guide to freeing memory when using the FFmpeg C api.
I list the data structure, how to allocate memory and how to free memory. I also write about making a video player in less than 1000 lines of C [here](https://ffmpeg.substack.com/p/ffmpeg-and-sdl-part-1-of-making-a)


## AVFormatContext
 - Allocate `avformat_open_input(AVFormatContext **ps, const char *url, AVInputFormat *fmt, AVDictionary **options)`
 - Free `avformat_close_input(AVFormatContext **s)`
 
## AVFrame
 - Allocate `av_frame_alloc()`
 - Dereference buffers `av_frame_unref (AVFrame *frame)`
 - Free and leave pointer null `av_freep(void *ptr)`
 - Regular Free `av_free(void *ptr)`
 
## AVPacket
 - Allocate `av_packet_alloc()`
 - Dereference buffers `av_packet_unref(AVPacket *pkt)`
 - Free `av_packet_free(AVPacket **pkt)`
 - NOTE `av_free_packet` is deprecated. **NEVER** use.
 
## AVCodecContext
 - Allocate `avcodec_alloc_context3(const AVCodec *codec)`
 - Free `avcodec_free_context (AVCodecContext **avctx)`

## struct SwsContext
 - Allocate `sws_getContext(int srcW, int srcH, enum AVPixelFormat srcFormat, int dstW, int dstH, enum AVPixelFormat dstFormat, int flags, SwsFilter *srcFilter, SwsFilter *dstFilter, const double *param)`
 - Free `sws_freeContext(struct SwsContext *swsContext)`
Unlocking Success: The Importance of SEO
Published: 2023-12-19 14:03:13


    
<a class="libutton" href="https://www.linkedin.com/comm/mynetwork/discovery-see-all?usecase=PEOPLE_FOLLOWS&followMember=sridevi-digitalmarketer" target="_blank">Follow on LinkedIn</a>
In the vast realm of the internet, where countless digital entities vie for attention, SEO emerges as a beacon of significance. Let's delve into the pivotal roles that Search Engine Optimization plays in the digital landscape.

1. Elevating Visibility: The [SEO](https://www.linkedin.com/pulse/unlocking-power-seo-guide-visibility-web-sri-devi-ozdtc%3FtrackingId=PHieTqAoTTeH1ALKevPlFw%253D%253D/?trackingId=PHieTqAoTTeH1ALKevPlFw%3D%3D) Triumph

SEO acts as a digital spotlight, propelling websites to the forefront of search engine results. The higher the ranking, the more eyes grace the content. It's a virtual stage where visibility translates into opportunities.

2. Trustworthiness by Design: SEO's Seal of Approval

Trust is a currency in the online world, and SEO serves as a stamp of credibility. Securing a prime spot in search results signals to users that a website is not just present but is endorsed by the digital gatekeepers, fostering a sense of reliability.

3. Decoding User Intent: SEO as the Mind Reader

In the vast expanse of the internet, understanding user needs is paramount. SEO, in its analytical prowess, deciphers the queries and preferences of users, providing invaluable insights. It's a tool that transforms user behavior into a roadmap for website enhancement.

In summation, SEO is not just a digital compass; it's the key to unlocking success in the online arena. From visibility to trust and user understanding, its multifaceted impact shapes the destiny of digital entities. Embracing SEO is not merely an option; it's a strategic imperative in the dynamic landscape of the internet.
Understanding the Engineering Marvel: Peristaltic Pumps
Tags: watercooler, water
Published: 2023-12-19 13:44:10

When it comes to precision and reliability in fluid handling, one technology stands out: the peristaltic pump. Engineered with ingenuity, this device operates on a remarkably simple yet effective principle, offering an array of advantages across various industries.

What is a Peristaltic Pump?
A [peristaltic pump](https://www.spectrascientific.com/products/spectra-field-pro) is a type of positive displacement pump renowned for its unique operation. Unlike conventional pumps with rotating parts, this pump's design is elegantly simple. It features a flexible tube or hose squeezed by rotating rollers or shoes, creating a series of sealed chambers that propel fluid through the system. This non-contact mechanism ensures that the pumped fluid remains uncontaminated by the pump itself.