teleren/devto huggingface dataset:
Docker in Windows
Published: 2023-12-06 02:12:49

In Windows, Docker and WSL2 are mendatory for developer.

# Download Docker installer

https://docs.docker.com/desktop/install/windows-install/


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


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


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

# Reboot system & Start docker desktop


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

# Trouble shooting


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/26ansslek91kyi0g54ck.png)
Advent of Code #5 (in Crystal)
Tags: crystal, adventofcode
Published: 2023-12-06 01:52:38

At a certain point in Advent of Code, you'll inevitably have a program that is logically correct, but is inefficient enough to become impractical. That's what I ran into today.

Part 1 went relatively smoothly, and although the logic for part 2 was practically identical, the amount of data that needed to be processed increased astronomically. A calculation that took only a second or two turned into hours of processing time (on my admittedly low-powered machine).

I think there is a way to 'collapse' the various resource maps into a single map and analytically determine the answer to part 2. Or at least reduce the amount of algorithmic work. Something better than just 'try all the things'.

But in the interest of progressing in this challenge while maintaining my sanity, I'm going to leave that problem alone... If you figured out a better way to reduce the algorithmic time, please let me know!

Here's the code:
```crystal
input = File.read("input").strip

class Map

  @ranges : Hash(Range(Int64, Int64), Int64)

  def initialize(@ranges = {} of Range(Int64, Int64) => Int64)
  end

  def self.from_str(str)
    map = self.new
    str.split("\n")[1..].map do |range|
      destination, source, length = range.split(' ')
      source_range = (source.to_i64..(source.to_i64 + length.to_i64 - 1))
      map.add_range(source_range, destination.to_i64)
    end
    map
  end

  def add_range(range, value)
    @ranges[range] = value
  end

  def transform(resource)
    range = @ranges.find { |range, _| range.includes?(resource) }
    range.nil? ? resource : (resource - range[0].begin) + range[1]
  end
  
end

seeds, *maps = input.split("\n\n")
seeds = seeds.lchop("seeds: ").split(' ').map(&.to_i64)
resource_maps = maps.map { |str| Map.from_str(str) }

part1 = seeds.map do |seed|
  resource_maps.reduce(seed) do |result, map|
    map.transform(result)
  end
end.min

seeds = (seeds[14]..(seeds[14] + seeds[15] - 1)).each

part2 = seeds.reduce(6472060) do |min, seed|
  location = resource_maps.reduce(seed) do |result, map|
    map.transform(result)
  end
  Math.min(min, location)
end

puts part2
```
TIL 12/5
Published: 2023-12-06 01:41:31

Today I'm preparing for my interview tomorrow by working on the example program and watching the videos in the personal interview section. 

While working on birthday_cake.rb I think I learned a lot about debugging and got to put my knowledge about classes to the test! I stepped through each error in the original file and was able to fix them all by figuring out what to add to or change in the code to make it correct. 

I am working on identifying when to ask questions versus working the problem out on my own, but I am confident that I will ask those questions when I need to.
Jesus Cristo, o Primeiro UX Designer?
Tags: uxdesign, jesuscristo
Published: 2023-12-06 01:20:56



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

Como entusiasta da tecnologia e do design, sempre busco conexões intrigantes entre diferentes áreas. Recentemente, refletindo sobre a importância do design de experiência do usuário (UX), uma ideia ousada me ocorreu: e se considerássemos Jesus Cristo como o primeiro UX Designer?

Vamos esclarecer desde o início que essa comparação é mais metafórica do que literal. No entanto, ao examinar os ensinamentos e a vida de Jesus sob a lente do design centrado no usuário, percebo algumas semelhanças fascinantes.

**Empatia como Guia:**

Jesus era conhecido por sua empatia extraordinária. Ele se conectava profundamente com as pessoas, compreendendo suas necessidades e desafios. Da mesma forma, um UX Designer busca entender o usuário, antecipar suas expectativas e criar soluções que resolvam problemas reais.

**Experiência Transformadora:**

Os ensinamentos de Jesus eram revolucionários, buscando uma transformação interna e uma mudança de perspectiva. De maneira análoga, o UX Design visa proporcionar experiências transformadoras, indo além da superfície para impactar positivamente a vida dos usuários.

**Foco na Acessibilidade:**

Jesus tornou seus ensinamentos acessíveis a todos, independente de sua origem ou status. Da mesma forma, o UX Design busca criar interfaces intuitivas e acessíveis para garantir que todos possam usufruir da experiência, independentemente de suas habilidades ou background.

**Feedback Iterativo:**

Jesus frequentemente adaptava suas abordagens de ensino com base no feedback e nas necessidades de seu público. UX Designers também valorizam o feedback contínuo dos usuários para aprimorar constantemente a experiência do produto.

Em última análise, ao explorar essa analogia, não pretendo minimizar a importância da figura de Jesus Cristo ou reduzi-la a uma profissão contemporânea. Pelo contrário, é uma maneira de apreciar como princípios fundamentais, como empatia e acessibilidade, estão enraizados em diferentes aspectos da vida, incluindo áreas tão diversas quanto espiritualidade e design de UX.

Convido você a considerar como, em sua própria jornada de design, pode incorporar esses princípios atemporais, inspirados, de certa forma, pela abordagem única de Jesus Cristo. Que essa reflexão não apenas aprimore nossa prática profissional, mas também nos conduza a criar experiências que transcendem o digital, impactando positivamente a vida das pessoas.
ETHICAL HACKER FOR HIRE/ CODER CYBER SERVICES FOR CRYPTO RECOVERY
Published: 2023-12-06 01:05:12

There are several reasons why Bitcoin can go lost. It's possible that you lost your private keys or that your machine crashed without a backup. As an alternative, you might have fallen for a malevolent hacker or a phishing scheme. The outcome is the same regardless of the reason: your hard-earned Bitcoin is lost, possibly forever. Fortunately, Coder Cyber Services' is an expert at removing these evil digital webs, so don't worry. Losing Bitcoin might have a negative impact on your emotional health in addition to your finances. It can be quite stressful and frustrating to lose a significant sum of money. With the help of Coder Cyber Service's experience, you can now possibly retrieve data that was previously believed to be permanently gone. So dry your tears, for assistance is on its way. Recovering lost Bitcoin is not a simple task, but Coder Cyber Services has perfected their process to make it as seamless as possible. Let's dive into the various steps they take to reunite you with your beloved Bitcoin. A thorough examination and analysis of your misplaced Bitcoin is the first step on the road to recovery. The professionals at Coder Cyber Services will examine all of the material at hand, look into any potential weaknesses, and collect any proof that could help locate your lost cryptocurrency. It's like Sherlock Holmes meets modern technology. Finding the offenders and getting the lost Bitcoin may occasionally need the support of legal and law enforcement agencies. Coder Cyber Services has forged solid alliances with these organizations to make sure that no detail is overlooked in the fight for justice. Beware, criminals: the bitcoin detectives are out there. Coder Cyber Services makes use of contemporary technologies to outwit even the most cunning of fraudsters. Their toolkit includes the newest devices and gadgets, ranging from advanced software tools to innovative data recovery methods. They make even the most difficult problems related to Bitcoin recovery seem easy because of their amazing technological abilities. I will suggest Coder Cyber Services for bitcoin recovery. Call;  +1 (403) 407-3407 or visit their website to know more about them   https://codercyberservices.info/ .

Regards.
ETHICAL HACKER FOR HIRE/ CODER CYBER SERVICES FOR CRYPTO RECOVERY
Published: 2023-12-06 01:04:31

There are several reasons why Bitcoin can go lost. It's possible that you lost your private keys or that your machine crashed without a backup. As an alternative, you might have fallen for a malevolent hacker or a phishing scheme. The outcome is the same regardless of the reason: your hard-earned Bitcoin is lost, possibly forever. Fortunately, Coder Cyber Services' is an expert at removing these evil digital webs, so don't worry. Losing Bitcoin might have a negative impact on your emotional health in addition to your finances. It can be quite stressful and frustrating to lose a significant sum of money. With the help of Coder Cyber Service's experience, you can now possibly retrieve data that was previously believed to be permanently gone. So dry your tears, for assistance is on its way. Recovering lost Bitcoin is not a simple task, but Coder Cyber Services has perfected their process to make it as seamless as possible. Let's dive into the various steps they take to reunite you with your beloved Bitcoin. A thorough examination and analysis of your misplaced Bitcoin is the first step on the road to recovery. The professionals at Coder Cyber Services will examine all of the material at hand, look into any potential weaknesses, and collect any proof that could help locate your lost cryptocurrency. It's like Sherlock Holmes meets modern technology. Finding the offenders and getting the lost Bitcoin may occasionally need the support of legal and law enforcement agencies. Coder Cyber Services has forged solid alliances with these organizations to make sure that no detail is overlooked in the fight for justice. Beware, criminals: the bitcoin detectives are out there. Coder Cyber Services makes use of contemporary technologies to outwit even the most cunning of fraudsters. Their toolkit includes the newest devices and gadgets, ranging from advanced software tools to innovative data recovery methods. They make even the most difficult problems related to Bitcoin recovery seem easy because of their amazing technological abilities. I will suggest Coder Cyber Services for bitcoin recovery. Call;  +1 (403) 407-3407 or visit their website to know more about them   https://codercyberservices.info/ .

Regards.
3D Glass Portal Card with React Three Fiber and Gaussian Splatting
Tags: 3d
Published: 2023-12-06 09:10:52

---
title: 3D Glass Portal Card with React Three Fiber and Gaussian Splatting
published: true
date: 2023-12-06 00:58:00 UTC
tags: 3D
canonical_url: https://reactjsexample.com/3d-glass-portal-card-with-react-three-fiber-and-gaussian-splatting/
---

# 3D Glass Portal Card with React Three Fiber and Gaussian Splatting
 ![3D Glass Portal Card with React Three Fiber and Gaussian Splatting](https://reactjsexample.com/content/images/2023/12/Code_2023-12_12-52-59.jpg)

Demo of a 3D glass portal card effect using R3F and Gaussian Splatting.

![3D Glass Portal Card with React Three Fiber and Gaussian Splatting](https://camo.githubusercontent.com/9127602a5f0fb14e98a6610544e9d5315b526b5c49c76d21562e6352ab9a9bf3/68747470733a2f2f74796d70616e75732e6e65742f636f64726f70732f77702d636f6e74656e742f75706c6f6164732f323032332f31312f676c61737333642e323032332d31312d32382d31345f32375f32352e676966)

[Article on Codrops](https://tympanus.net/codrops/?p=74549)

[Demo](http://tympanus.net/Development/3DPortalCard/)

## Installation

Install dependencies:

```
npm install

```

Compile the code for development and start a local server:

```
npm start

```

Create the build:

```
npm run build

```

## Misc

Follow Yuri: [Twitter](https://twitter.com/akella), [YouTube](https://www.youtube.com/@akella_), [Patreon](https://www.patreon.com/allyourhtml)

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)

## License

[MIT](https://github.com/akella/CodropsTransmissionPortal/blob/master/LICENSE)

Made with 💙 by [Codrops](http://www.codrops.com)

## GitHub

[View Github](https://github.com/akella/CodropsTransmissionPortal?ref=reactjsexample.com)
A Simple Web Page With Parallex Effect using React
Tags: parallax, effects
Published: 2023-12-06 09:10:57

---
title: A Simple Web Page With Parallex Effect using React
published: true
date: 2023-12-06 00:55:00 UTC
tags: Parallax,Effects
canonical_url: https://reactjsexample.com/a-simple-web-page-with-parallex-effect-using-react/
---

# Parallex\_Effect\_With\_React
 ![A Simple Web Page With Parallex Effect using React](https://reactjsexample.com/content/images/2023/12/Code_2023-12_12-43-14.jpg)

It is a Simple Web Page With Parallex Effect using React

# [![A Simple Web Page With Parallex Effect using React](https://github.com/AakashTheDev/Images/raw/ae5464af67d8f1f2af5053ad8da13ee251639caa/Landing%20Page.png)](https://devaakashportfolio.w3spaces.com)

# [![A Simple Web Page With Parallex Effect using React](https://github.com/AakashTheDev/Images/raw/ae5464af67d8f1f2af5053ad8da13ee251639caa/Contact%20Us.png)](https://devaakashportfolio.w3spaces.com)

Live URL: [Click Here…](https://precious-bunny-16cbc4.netlify.app/)

## GitHub

[View Github](https://github.com/AakashTheDev/Parallex_Effect_With_React?ref=reactjsexample.com)
marco cierpe
Tags: javascript, beginners, tutorial, react
Published: 2023-12-06 00:42:05

``<!DOCTYPE html>
<html lang="es">
<head>
  <title>Mi página web</title>
</head>
<body>
  <h1>Este es el título de mi página web</h1>
  <p>Este es el primer párrafo de mi página web</p>
</body>
</html>```

```
Teamflect - An all-in-one employee performance management software
Tags: employees
Published: 2023-12-06 00:20:03

Teamflect is an All-in-One Performance Management and Employee Engagement Software built for Microsoft Teams and Microsoft Outlook. Set goals/OKRs, organize 1-on-1's, manage tasks, conduct performance reviews, share feedback and recognitions. Create high-performing and engaged teams - even when people are remote.

[https://teamflect.com](https://teamflect.com)
I built NextJS starters directory in 54 minutes
Tags: nextjs, react, tutorial, beginners
Published: 2023-12-06 00:00:00

Hey builders.

I've built & launched a directory from 0→1 in 54 minutes. 
A real experiment with a happy end!
7 steps.

→ Idea.
NextJS starter kits and boilerplates are super hot these days. It was as hot as gpts or AI back in the day. So I saw the trend.

→ Name & Domain.
I went to Google and searched for everything related to this to find a keyword that got nothing serious on the top. Then I looked at the Google searches for this keyword and picked the one with 10k searches but low competition and it was available on Godaddy for $10.

→ Directory and text.
I went to [unicornplatform](http://unicornplatform.com), picked a directory template, and cloned it.
I asked AI to edit to next based on the project name, it just made it all well from the first try.

→ Images, logo, favicon, video.
I asked ChatGPT Vision to generate this. It did a good job. Then I went to runwayml to edit the generated images with prompts and the gif for the tweet.
Took me about 10 minutes to make it beautiful.

→ Content.
I went to DevHunt and PH and found winners. Added 4. Just to start with. 

→ New content.
I added a form so people can submit their NextJS starters, so that I can start to fill up the list.

→ I've wrote this tweet, and I'm about to hit "Post" btn

Submit your starter kits, in case this goes viral, those who submit first will be on the top of the list
→→→ [nextjsstarter.com](http://nextjsstarter.com)

My next steps
→ turn on [seobotai](https://seobotai.com/)
 to win the organic SEO traffic
→ list it everywhere using [listingbott](http://listingbott.com)
→ launch in on PH and [DevHunt](https://devhunt.org/)

my original post
{% twitter 1732167423296405617 %}
slay the repetition
Tags: gamedev, writing
Published: 2023-12-24 16:21:40

---
title: slay the repetition
published: true
date: 2023-12-06 00:00:00 UTC
tags: [ 'gamedev', 'writing' ]
canonical_url: https://onwriting.games/daily/20231206-2042-slay-the-repetition/
---

Today I want to talk a bit about content repetition in _Slay the Princess_.

As the game is based on a very repetitive loop, the risk of quickly boring the player is very high.

_Slay the Princess_ did not fall into this problem, and I believe the greatest production effort is focused on solving it.

To start, the story itself is based on the fact that each important choice one makes **changes both the princess and the player**.

There are 10 distinct princesses:

- The Eye of the Needle 
- The Stranger 
- The Beast
- The Nightmare 
- The Damsel
- The Spectre
- The Tower
- The Razor
- The Witch
- The Prisoner

Each of these princesses has their own visual style as well as in the tone of the dialogue.

Additionally, at the end of each princess's story, there is a closing instance where some philosophical aspect of being is exposed.

On the other hand, each chapter also modifies the player through "the voices", of which there are also 10 (in addition to Hero which is the first one we start with):

- Voice of the Hero
- Voice of the Broken
- Voice of the Contrarian
- Voice of the Cold
- Voice of the Cheated
- Voice of the Hunted
- Voice of the Opportunist
- Voice of the Paranoid
- Voice of the Stubborn
- Voice of the Smitten
- Voice of the Skeptic

Each of these voices is a personality that comments on your choices and what the Narrator says.

Thanks to these two variations in each chapter, the feeling of repetition posed by the gameplay loop is reduced.

By limiting the options to 10, the game's creators **tamed the rhizome**.

They controlled the consistency, non-repetition, and novelty of content with 10 variations (both of princesses and voices) and managed to create a sufficiently large and interesting gameplay space.

The separation of novelty between the princess and the voices also generates a positive combinatorial explosion: there are chapters where the princess repeats but the voice changes, and this generates enough variety in the dialogue to not need another princess.

This is a basic tool of game design, we'll discuss it in another email.
Why does Brainstory only support talking?
Published: 2023-12-06 16:57:51

---
title: Why does Brainstory only support talking?
published: true
date: 2023-12-06 00:00:00 UTC
tags: 
canonical_url: https://contenda.co/blog/talk-the-walk/
---

We’ve received a lot of questions about why we chose a speaking experience instead of typing. As a keyboard warrior myself, I totally understand the skepticism. I often feel like I would rather type about something than talk about something.

…Except for the times when I talk about something, and realize that the act of hearing myself allowed me to reach new ideas. This happens often with presentations (it looks good on paper and in my head, but there’s nothing like talking it out to hear what it sounds like!), but I also noticed it works really well for things that are _never_ spoken out loud.

At my undergrad institution’s Writing Center, the entire methodology was having students read their essays out loud. The writing mentors did not read and revise a student’s work for them, but just listened and encouraged the student to think about their own writing. This experience completely changed my perspective on the power of reading something out loud.

For Brainstory, we wanted to build an experience that consistently helps you think smarter. By having a speaking interface, you’ll consistently hear your thoughts and refine them.
What One-Sentence Lessons Make You Mentally Unbreakable?
Tags: discuss
Published: 2023-12-06 00:00:00

---
published_at : 2023-12-06 00:00 +0000
---
What one-sentence lessons have made you mentally unbreakable when facing challenges?<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}
Adventofcode 🎄 : Day 5 - Basic explanation of Conditional Rendering
Tags: react
Published: 2023-12-05 23:51:11

It's December 5th, so our next quick revision topic is conditional rendering. Let's begin...

In React, conditional rendering empowers you to showcase diverse content dynamically, contingent upon specific conditions or states. This capability enables the creation of adaptable user interfaces that seamlessly adjust to fluctuations in data and user interactions. Within this methodology, you leverage conditional statements to intelligently determine which content should be rendered, contributing to a more responsive and user-centric experience.

**Why Conditional Rendering is Necessary in React Applications?**

1. Improved user experience
2. Improved performance
3. Simplified code
4. Flexibility

**KEEP CODING!!**
Chatcraft Enhancement
Published: 2023-12-05 23:33:55

## Issue

This is the first post that I am making about the work I will do on an open source project. The project that I've picked is called [ChatCraft](https://github.com/tarasglek/chatcraft.org). It is an open source browser-based companion for coding with large language models. It also provides the option to choose between OpenAI and OpenRouter. The [issue](https://github.com/tarasglek/chatcraft.org/issues/227) that I've picked to work on is about refactoring the response handling of OpenAI so that the right handler is picked at run-time based on two different response types: `streaming response` and `non-streaming response`.

## Plan

My plan is to use the `Strategy Pattern` because it gives me the flexibility to encapsulate and dynamically change the behaviour of the object at run-time. I think that I will be able to have an abstract response handler with 2 different implementations for each response. One implementation will handle `streaming response` and the other will handle `non-streaming response`. The way I will handle choosing the response type will be based on a flag that identifies if a response is streaming or non-streaming. After the type of response is decided I will use a `Factory Method` to create the object based on the response flag.

## To be Continued

I will be posting more as I progress towards solving this issue, so keep an eye out for future updates.