teleren/devto huggingface dataset:
Create Next js app in current directory
Published: 2024-02-12 15:52:27

Title: Building Your First Next.js App in the Current Directory

Are you ready to dive into the world of Next.js? In this article, we'll guide you through the process of creating your first Next.js application right in your current directory. Next.js is a powerful React framework that simplifies the development of server-side rendered React applications. Let's get started!

### Setting Up Your Environment

Before we begin, ensure that you have Node.js installed on your machine. You can download and install Node.js from the official website if you haven't already done so.

### Creating Your Next.js App

1. **Open Your Terminal/Command Prompt**: Navigate to the directory where you want to create your Next.js app.

2. **Run the Command**: Enter the following command in your terminal to create a new Next.js app in the current directory:
   ```
    npx create-next-app .
   ```
   This command initializes a new Next.js project in the current directory.

3. **Follow the Setup Instructions**: If prompted, follow any on-screen instructions to configure your Next.js app. Otherwise, the default settings will be applied.

4. **Starting Your Next.js App**: Now, start the development server by running the following command:
   ```
   npm run dev
   ```
   This command will start the development server, and you'll be able to access your Next.js app at `http://localhost:3000` in your browser.

### Exploring Your Next.js App

Congratulations! You've successfully created your first Next.js app in the current directory. Now, let's take a quick look at the directory structure:

- **pages/**: This directory contains your Next.js pages. Each file inside this directory corresponds to a route in your app.
- **public/**: Place your static assets (images, fonts, etc.) in this directory.
- **styles/**: This directory is used for global CSS styles.
- **components/**: You can create reusable React components in this directory.

Feel free to explore and customize your Next.js app further. You can start by editing the files in the `pages` directory to define your app's routes and functionality.

### Conclusion

In this article, we walked through the process of creating a Next.js app in the current directory. Next.js offers a powerful and flexible framework for building server-side rendered React applications, allowing you to create fast, SEO-friendly web experiences with ease. Now that you've set up your Next.js app, it's time to unleash your creativity and start building amazing web applications!
169. Majority Element
Tags: java
Published: 2024-02-12 15:50:35

Given an array nums of size n, return the majority element.

The majority element is the element that appears more than ⌊n / 2⌋ times. You may assume that the majority element always exists in the array.

 

Example 1:

Input: nums = [3,2,3]
Output: 3

Example 2:

Input: nums = [2,2,1,1,1,2,2]
Output: 2

 
Solution
```java
    public int majorityElement(int[] nums) {
        HashMap<Integer, Integer> m = new HashMap<>();
        for (int n : nums) {
            m.put(n, m.getOrDefault(n, 0) + 1);
        }
        Optional<Map.Entry<Integer, Integer>> maxEntry = m.entrySet()
                .stream()
                .max(Comparator.comparing(Map.Entry::getValue));
        return maxEntry.get()
                .getKey();
    }
```

better solution
```java
public int majorityElement(int[] nums) {
    int major = 0, count = 0;
    for (int i = 0; i < nums.length; i++) {
        if (count == 0) major = nums[i];
        if (major == nums[i]) count++;
        else count--;
    }
    return major;
}
```

reference: https://leetcode.com/problems/majority-element/description/?source=submission-ac
Mastering A-Level Biology: Tips and Tricks Using Past Papers
Tags: webdev, javascript, beginners, programming
Published: 2024-02-12 15:45:39

In the realm of academic achievement, A-Level Biology stands as a pivotal and challenging subject, requiring a strategic approach to mastering its content. The use of [A Level Biology past papers](https://beacontutorspk.com/a-levels/mastering-a-level-biology-tips-and-tricks-using-past-papers/) in revision is a technique often underestimated but is incredibly effective.
Where to Buy Bioheal CBD Gummies Price, Ingredients and Consumer Controversy 2024
Published: 2024-02-12 15:36:29

Shop Now:- https://top10gummies.com/bioheal-cbd-gummies-buy/ 

➥✅ Official Website: Bioheal CBD Gummies
➥✅ Product Name: Bioheal CBD Gummies
➥✅ Benefits: Bioheal CBD Gummies Helps you to get Pain Relief
➥✅ Category: Pain Relief Supplement
➥✅ Rating: ★★★★☆ (4.5/5.0)
➥✅ Side Effects: No Major Side Effects
➥✅ Where to Buy:  {Buy Now Here — Click Here}

Bioheal CBD Gummies:- is non-psychoactive, that means it does not induce a excessive like THC does. Bioheal CBD Gummies are formulated with a special combination of Bioheal CBD Gummies and THC, two compounds with neuro-shielding houses. Together, Bioheal CBD Gummies and THC shape a properly-balanced substance with potential cognitive blessings.

Facebook:- https://www.facebook.com/GummiesBiohealCBD 

Blogs:- 
https://sites.google.com/view/bioheal-cbd-gummies-sites/ 
https://biohealcbdgummiesoffer.blogspot.com/2024/01/bioheal-cbd-gummies.html 
https://in.pinterest.com/pin/933511829000173850 
https://groups.google.com/g/hr.rec.bicikli/c/czrabUo85eA/m/fwYSBDZ6AAAJ 
https://medium.com/@bakeannas/bioheal-cbd-gummies-high-quality-powerful-chronic-pain-relief-gummies-1221e4103ac7 
https://bakeannas.bandcamp.com/album/shocking-price-bioheal-cbd-gummies-is-it-worth-the-money-or-fake 
https://gamma.app/docs/bioheal-cbd-gummies-Benefits-Offer-and-Get-up-to-50-Extra-Discou-tm0m9m39e7q5sze 
https://paidforarticles.com/what-are-the-benefits-of-bioheal-cbd-gummies-1-770275 
https://solo.to/schellanthny
RECOVERING LOST DIGITAL ASSETS IS GUARANTEED WITH-TECHNOCRATE RECOVERY
Tags: cryptocurrency, ethereum, blockchain, bitcoin
Published: 2024-02-12 15:33:49

One of the most common challenges faced by bitcoin owners is the dreaded lost or forgotten wallet password. It's easy to forget a complex combination of letters, numbers, and symbols, especially if you have multiple wallets. Losing access to your wallet can result in permanent loss of your bitcoins, unless you have a reliable recovery solution like TECHNOCRATE RECOVERY. The digital landscape is filled with threats, and bitcoin owners are not immune to them. Malware and cyberattacks can compromise your wallet and steal your hard-earned bitcoins. Recovering from such attacks can be a daunting task, requiring technical expertise and specialized tools. (WWW. TECHNOCR ATERECOVERY. SITE) offers a solution that simplifies this process, allowing you to regain control of your bitcoins without having to become a cybersecurity expert. Even the most reliable hardware and software can fail, and when it happens, it can be devastating for bitcoin owners. Whether it's a malfunctioning hard drive or a corrupted wallet software, the result is the same - potential loss of your bitcoins. TECHNOCRATE RECOVERY understands the urgency of such situations and provides a streamlined recovery process that helps you get back on your feet quickly and easily. Modern technology is employed by TECHNOCRATE RECOVERY to streamline the bitcoin recovery procedure. They easily recover lost or unavailable bitcoins thanks to their sophisticated algorithms and safe methods. Their technology ensures that you can regain access to your funds without any needless problems by eliminating the guessing out of recovery. Getting started with TECHNOCRATE RECOVERY is a breeze. TECHNOCRATE RECOVERY supports a wide range of bitcoin wallets, making it versatile and compatible with various platforms. Whether you use a hardware wallet, a desktop wallet, or a mobile wallet, their solution seamlessly integrates with your chosen wallet, allowing for a hassle-free recovery experience. Gone are the days of complex recovery processes that require a degree in computer science. TECHNOCRATE RECOVERY prides itself on its user-friendly interface and intuitive design. They understand that simplicity is key, and have created an interface that is easy to navigate, even for those with limited technical knowledge. With TECHNOCRATE RECOVERY, the days of stressing over lost or inaccessible bitcoins are over. Their simple and effective solution takes the headache out of recovery, allowing you to regain control of your funds with ease. Say goodbye to sleepless nights and hello to peace of mind, Know more about TECHNOCRATE RECOVERY through: 
{https://www. technocraterec overy.site/}  {technocr atrecovery@cont ractor.net}
All about the Push Roadmap 2024
Published: 2024-02-12 15:31:46

## What's it?

Roadmaps are the layouts which often emphasizes on the gameplans for achieving a particular goal. With 2024 dubbed as the "Year of Decentralized Communication", the Push team is working on MAJOR developments that will change web3 communication for good.

While there are a lot of new things planned, let's have a look at some of the highlighted ones! (featuring Q1 2024)

> Here is the complete roadmap, just take a look:

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

## Unified Push SDK V2

For the first version, Push launched a unified SDK for web3 developers to send notifications or chats to their users with unification of the SDK, enabling the Push API class, which is common for all suite of products by enabling developers to use Push products with ease. It also paved the way for Push to heavily abstract away the complexities of web3 communication and provide a seamless experience to developers.

A new feature, scheduled to be ready within the first quarter of the year, started the journey of making the SDK more developer friendly with unified Software Development Kit to enable both chat and notifications in just 4 lines of code or less, thus saving time and hassles.

Plans to take this further with V2 of the SDK to encompass all forms of communication (Notifications, Chat, Video, Spaces) in a single SDK is currently being worked on. Both Push V2.5 and V3 are set to go live this year. These next-gen versions will encompass enhancements to both Push Protocol’s communication tools as well as its circular economy initiatives.

## Support for Ethers V6

This feature, aimed for completion within the first quarter of 2024, has been completed. The Push team has been upgrading the SDK to support Ethers V6 along with Ethers V5 and viem, thus allowing developers to use the SDK with latest version of Ethers, thus broadening the scope of getting to work with it.
сервера lineage 2
Published: 2024-02-12 15:20:21

Узнайте о самых актуальных анонсах [серверов Lineage 2](https://l2-top.ru) на нашем сайте! Мы предлагаем подробную информацию о всех серверах, их популярности, статистике и особенностях. Если вы хотите начать играть в Lineage 2, не теряйте времени на поиск сервера, просто загляните на наш сайт и выберите лучший вариант для себя. Погрузитесь в мир Lineage 2 уже сегодня!
What are your goals for week 7 of 2024?
Tags: discuss, motivation
Published: 2024-02-12 15:19:04

It's week 7 of 2024. 

## What are your goals for this week? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening this week? 
  * any suggestions for in person or virtual events?
- Any special goals for the quarter?


### Last Week's Goals
 
- [:white_check_mark:] Continue Job Search. 
- [:x:] Project work
- [:x:]Blog 
- Events 
  * [:white_check_mark:] Wednesday local Data Science meetup.
  * [:x:] Thursday Virtual Coffee (VC).
  * [:white_check_mark:]  Dallas Software Dev (virtual) Github Codespaces
- [:white_check_mark:]  Run a weekly motivational Virtual Coffee (VC) Slack thread similar to this post.
- [:white_check_mark:] The Bad Batch Season 3 starts on Feb 21. I'm rewatching season 2 before it starts. Just a few more to go.

I didn't blog last week but here's valentine posts from last couple years. This is a hint that Valentines is Wednesday.

{% embed https://dev.to/jarvisscript/javascript-dev-heart-messages-5hl4 %}

{% embed https://dev.to/jarvisscript/javascript-hearts-input-a-user-message-5cm7 %}
 
### This Week's Goals


- Continue Job Search. 
- Project work
- Blog 
- Events 
  * Thursday Virtual Coffee (VC).
- Run a weekly motivational Virtual Coffee (VC) Slack thread similar to this post.
- The Bad Batch Season 3 starts on Feb 21. I'm rewatching season 2 before it starts.

 

### Your Goals for the week 

Your turn what do you plan to do this week? 

- What are you building? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?


```html
-$JarvisScript git push
```
Java Chess with server and client
Tags: beginners, showdev, java, opensource
Published: 2024-02-12 15:06:33

Hi guys, today I finished my Chess game in Java with server and client features! Let me know what you think, and what should I implement or correct. Or any general tip would be good :)

And if you like it, give it a star on GitHub :3

https://github.com/kosa12/MultiplayerChess
[Tiny] Is a sealed class abstract? Kotlin and Java way.
Tags: kotlin, java, tiny
Published: 2024-02-12 14:53:55

As you may know, both Kotlin and Java have a feature called sealed classes. Let's play a little with them.

# Kotlin sealed classes

Kotlin goes first. What do you think will be printed here?

```kotlin
sealed class Hobbit
class Frodo : Hobbit()

fun main() {
    val hobbitClass = Hobbit::class
    println("Hobbit class: isAbstract=${hobbitClass.isAbstract}, isSealed=${hobbitClass.isSealed}")
    
    val frodoClass = Frodo::class
    println("Frodo class: isAbstract=${frodoClass.isAbstract}, isSealed=${frodoClass.isSealed}")
}
```

{% collapsible Output: %}
```
Hobbit class: isAbstract=false, isSealed=true
Frodo class: isAbstract=false, isSealed=false
```
{% endcollapsible %}

According to [Kotlin documentation](https://kotlinlang.org/docs/sealed-classes.html)

> A sealed class is abstract by itself

However, note that **`isAbstract` for a sealed class returns `false`**! So, if you want to check if the class is *effectively* abstract, you need to check both `isAbstract` and `isSealed`.

Alright, what if we explicitly add the `abstract` keyword on a sealed class? What will be printed then?

```kotlin
abstract sealed class Human

fun main() {
    val humanClass = Human::class
    println("Human class: isAbstract=${humanClass.isAbstract}, isSealed=${humanClass.isSealed}")
}
```

{% collapsible Output: %}
```
Human class: isAbstract=false, isSealed=true
```
{% endcollapsible %}

So, nothing has actually changed.

And if we simply take an abstract class, what will be the result?

```kotlin
abstract class Maiar

fun main() {
    val maiarClass = Maiar::class
    println("Maiar class: isAbstract=${maiarClass.isAbstract}, isSealed=${maiarClass.isSealed}")
}
```

{% collapsible Output: %}
```
Maiar class: isAbstract=true, isSealed=false
```
{% endcollapsible %}

Good, nothing unexpected here.

# Java sealed classes

Okay, what about Java?

With Java it is very simple: you will not be caught by `isAbstract` because the `Class` class has no such a function. And `isSealed` works the same way as in Kotlin:

```java
sealed class Hobbit {}
final class Frodo extends Hobbit {}

public class TestClassProperties {
    void main() {
        var hobbitClass = Hobbit.class;
        System.out.println(STR."Hobbit class: isSealed=\{hobbitClass.isSealed()}");

        var frodoClass = Frodo.class;
        System.out.println(STR."Frodo class: isSealed=\{frodoClass.isSealed()}");
    }
}
```

{% collapsible Output: %}
```
Hobbit class: isSealed=true
Frodo class: isSealed=false
```
{% endcollapsible %}

---

*Dream your code, code your dream.*
Break, Pass, and Continue Statements in Python
Tags: python, beginners, programming, tutorial
Published: 2024-02-12 13:55:01

In Python, [break, pass, and continue](https://www.almabetter.com/bytes/tutorials/python/break-pass-continue-statement-in-python) are control flow statements used within loops (like for and while) to alter the flow of execution.

break statement:

The break statement is used to exit a loop prematurely. When the break statement is encountered inside a loop, the loop is terminated immediately, and the program control resumes at the next statement after the loop.
Example:

```
for i in range(5):
    if i == 3:
        break
    print(i)

```
Output:
0
1
2
pass statement:

The pass statement is a null operation; nothing happens when it is executed. It is used as a placeholder when a statement is syntactically required but you do not want any action to occur.
Example:

```
for i in range(5):
    if i == 3:
        pass
    else:
        print(i)

```
Output:
0
1
2
4
continue statement:

The continue statement is used to skip the rest of the code inside a loop for the current iteration and continue with the next iteration.
Example:

```
for i in range(5):
    if i == 3:
        continue
    print(i)

```
Output:
0
1
2
4
These statements provide flexibility and control over loops in Python, allowing you to tailor the loop's behavior to specific requirements.

For more to [learn Python](https://www.almabetter.com/bytes/tutorials/python), check out the [data science course](https://www.almabetter.com/courses/full-stack-data-science) and [data science tutorial](https://www.almabetter.com/bytes/tutorials/data-science)!
Mobile Navigation 3D Animation
Tags: html, css, showdev, codepen
Published: 2024-02-12 14:17:07

---
title: Mobile Navigation 3D Animation
published: true
description: 3D-CSS demo inspired by Mobile navigation system, by Dzianis Rakhuba
tags: html,css,showdev,codepen
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/86dp04b5dt3acwrgw4wn.png
# Use a ratio of 100:42 for best results.
# published_at: 2024-02-08 09:00 +0000
---

This past weekend, I coded a 3D-CSS demo inspired by [Mobile navigation system, by Dzianis Rakhuba](https://dribbble.com/shots/6793976-Mobile-navigation-system).

It may not look like much at first, but it is more fun and entertaining when switching between a 2D and 3D visualization (by clicking on the Start and Close button).

{% codepen https://codepen.io/alvaromontoro/pen/dyrgyxx %}
Changing Wallpaper from Terminal using fzf and zsh
Tags: terminal, commandline, linux, bash
Published: 2024-02-12 13:59:18

<a href="https://asciinema.org/a/K3LgYzmR0pGEI6wfvjWY9Nhl2" target="_blank"><img src="https://asciinema.org/a/K3LgYzmR0pGEI6wfvjWY9Nhl2.svg" /></a>

## Prerequisites

- fzf : fuzzy finder
- zsh : zShell alternative to BASH
- omz : zsh package manager
- find : Finder
- fd : alternative to find (Optional)

### fzf

First install fzf on your system from the following instructions:

[https://github.com/junegunn/fzf](https://github.com/junegunn/fzf)


### zsh

If you are a Linux user:

```bash
sudo apt install zsh
```

For other distros:

[https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH](https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH)

### omz

For omz installation:

[https://github.com/ohmyzsh/ohmyzsh](https://github.com/ohmyzsh/ohmyzsh)

--------------------------


## Coding The Wallpaper Changer Function

```bash
CD
# I am using nvim, you can perform this operation with any text editor (nano, pico, gedit etc.).
nvim .zshrc

```

Find the file named `.zshrc` on your system and add the following code block to the bottom line:

```bash
# change desktop wallpaper
changewall(){
     gsettings set org.gnome.desktop.background picture-uri "$(find ~/Pictures -type f | ff)"
}
```

### Explanation

- `gsettings`: It is the command that makes system settings for GNOME
- `set`: specifies the value to be assigned to the operations to be performed
- `org.gnome.desktop.background`: indicates that changes will be made to the background within the system.
- `picture-uri`: indicates the point in the system where the path to the file to be changed is located.
- `find`: Used to find the full file path of the file. `-type f` indicates that the file is being searched.
- `fzf`: the tool we will use to search for files

#result

<img src="https://i.ibb.co/zrRdCJZ/Peek-2024-02-12-16-43.gif" alt="Peek-2024-02-12-16-43" border="0">
Credit Card Skimmers & Open Source | Causal Coders Podcast
Tags: podcast, opensource, programming
Published: 2024-02-12 13:46:47

{% embed https://youtu.be/pKY3kB39iWc %}
Season 2 of the Casual Coders podcast is live! I was not in the first episode, but it’s still a good one! In this first episode they talk about credit card skimmers and how credit cards work, the best open source tools, and a long running web server project by one of our hosts! Available on Spotify, Apple Podcasts, YouTube, or wherever you get your podcasts!
{% embed https://podcasters.spotify.com/pod/show/casual-coders/embed %}
Neuron Controlled Motion with p5.js
Published: 2024-02-12 13:43:23

Hello everyone! Perhaps someone will find it interesting... I am conducting research and experiments in the field of machine learning. I have implemented a prototype of an artificial neuron in Python and JavaScript and connected it to a ball on a game field. The Artificial Neuron controls the behavior of the ball, and it's fascinating to observe. You can find a demo version here:[https://berlandbor.github.io/My-Projects-/NNinJS/NNinJS.html] . If anyone is interested in this research area, you are welcome to join me in the experiments. Currently, I am working on creating a small neural network. I'll be glad to answer any questions related to this topic.
Vox Pupuli Elections, 2024 edition
Tags: puppet, community, voxpupuli
Published: 2024-02-12 13:42:44

As announced at CfgMgmtCamp last week, we are kicking off the more-or-less annual PMC elections process. This is a yearly process to provide more people opportunities to get involved with our leadership and decision making.  Would you like to help set roadmap or help architect our Puppet 8 support plans? Do you want to help organize events or run social media? Do you love spreadsheets and want to help with accounting and fundraising? Maybe you'd like to help curate our blog or source content from fresh writers.

Maybe you just want to get involved and help out with whatever is needed. Joining the PMC is your avenue to this involvement.

Starting today, you may nominate yourself or someone else for the elections. Nominations are open until *March 22 2024 23:59 UTC* and then we'll vote to select the 5 new members of the PMC.

See the [elections page in our plumbing repository](https://github.com/voxpupuli/plumbing/blob/master/share/elections/2024-01.md) for nomination instructions.

I'll be your elections officer this year. I hope to see your PR soon, and I've got a Vox hoodie for the first person to submit a nomination.

Thanks!
SLOTDANA : Situs Judi Slot Online Tergacor Hari Ini Gampang Sensasional 2024
Tags: slotdana
Published: 2024-02-12 13:39:48

**SLOTDANA : Situs Judi Slot Online Tergacor Hari Ini Gampang Sensasional 2024
**
[DAFTAR LINK GACOR KLIK DI SINI](https://a4jy.short.gy/Alternatif)

[DAFTAR LINK GACOR KLIK DI SINI](https://linkpop.com/slot-gacor-pasti-menang-2)

SLOTDANA: Situs Slot Online Tergacor Gampang Menang Hari Ini Bonus New Member 100%
Gabung di SLOTDANA situs slot tergacor yang bisa langsung dapat bonus. Ada promo khusus member baru. Bonus New Member 100% dapat anda klaim dengan melakukan pendaftaran hari ini juga. Ayo segera daftar dan mainkan mesin slot online maxwin terbesar gampang JP di SLOTDANA.