teleren/devto huggingface dataset:
My first cpp game ?!
Published: 2024-05-19 15:41:56

So yeah I am a very python guy and I was learning c++ being a newbie sort of intermediate in python ig I started out with a 7 hour long tutorial which covered all of the c++'s basics. Now after some time I was fed up with watching tutorials to do projects which was at the first made sense but then suddenly when it came to C++ I did not like doing it that way 

One thing i found interesting or maybe very very different from python was that there was almost no dependencies of framework and syntax for each thing it was pretty simple had my raylib installed and i are good to go like that idk if i felt different compared to python's way of ```pip install smtng``` i am very serious about this thing i felt easy when i made the pong game using raylib compared to the python's way of making it in pygame i felt HAPPY !?? why ?? i am clueless of why i even enjoyed it !! 

I did face some issues but they were easy to solve i learnt about pointers and passing by references which was way too new stuff for me i sort of loved it i had this mind map of what was going in the memory

I know i did not write the most optimized code or anything but setting up the stage for the c++ was difficult for me the CMAKE stuff (i am using qtcreator idk if i shd be using that vscode setup was bad and i am using linux env). The coding part of the project was easy but the setup was hard! 😭😭😭

As an insanely newbie c++ programmer i want to ask few things
 
1) what sort of editor am i supposed to use
2) How to basically make like a release of the game (even if its just trash code out there its working trash code so i want it like as a sharable game with someone like that) 

Thats it guys !! thanks for reading through this much its my first post thanks !!

link to repo: [https://github.com/Siddhu2502/pongcpp](https://github.com/Siddhu2502/pongcpp)

leave a like or smtng if u found it funny
External Resource Management
Tags: webdev, javascript, typescript, discuss
Published: 2024-05-19 15:22:26

Hello, I as always working on interesting ideas for dev tools, BTW I'm totally Open Source developer, so they're gonna be independent and free.

Now I'm focused on several ideas such as External Resource or External Store, or as per Ably [LiveSync](https://ably.com/docs/livesync).

But comparing to [Ably's LiveSync](https://ably.com/docs/livesync), my idea is a completely Frontend part, which should accept potentially any source of data (HTTP, WebSocket, EventSource, ...). Which will contain such sources, initiate and get updated by them.

With this idea, it should solve some of Data Flow problems in Frontend by encapsulating sources in one "Resource" entity giving `Observable` state with controls (e.g. CRUD) and eventful nature for better customization.

In simple words, this should be something between [TanStack Query](https://tanstack.com/query/latest) and [Ably's LiveSync](https://ably.com/docs/livesync).

What is your impression?
Service layer with Tanstack and Contexte API
Published: 2024-05-19 15:12:21

I have decided to use a service layer to manage my API/server calls in my React app. I'm using Tanstack Query (useQuery and useMutation) in my components and an API context. I aim to maintain maximum separation, especially between the service layer and the rest of the flow. Here is my current approach:

1 Creating a Specific Feature Context: I have a context (let's call it TanstackQueryContext).

2 Provider as a Data Provider: The provider focuses on one mission: sharing this context with components. Each component (TSX file) uses the useContext hook to get updates from the provider. Notice: TSX will not directly import Custom Hooks in this case

3 Inversion of Control: The Tanstack Query hooks import and use the service layer interface to manage API calls.

Is this approach Healthy and enough? Or may be it needs to be reviewed/coorect or replaced with a better one? Thank you in advance
GitOps problems
Tags: gitops, git, devops, cicd
Published: 2024-05-19 15:07:36

This is what I've learned from reading the article '*Reverte doch einfach!*' (author: Lars Kölpin-Freese) in the magazine *Javamagazin* (in German language, 3rd issue of 2024).

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

## Table of contents
  * [Abstract](#chapter-1-abstract)
  * [Upward migration](#chapter-2-upwardMigration)
  * [Stateless apps](#chapter-3-statelessApss)
  * [Traveling back with git revert](#chapter-4-gitRevert)
  * [Down migration at infrastructure level](#chapter-5-downMigration)
  * [Summary](#summary)

### Abstract <a name="chapter-1-abstract"></a>
In GitOps, text files are used to administer IT infrastructure. This article raised the question of using 'git revert' if any rollback is necessary.
A simple rollback per versioning of the infrastructure with git should be feasible for stateless apps.

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

### Upward migration <a name=chapter-2-upwardMigration"></a>
For upward migration, especially involving databases, scripts are used for traceability. The available tools are:
* Liquibase
* Flyway

### Stateless apps <a name="chapter-3-statelessApss"></a>
There are three types of applications/apps:
* stateless apps
* stateless apps with stateful dependencies
* stateful apps

A stateless app has all its data in its deployment, i.e. there is no dynamic data.
The advantage here is such an app is scalable and can be rolled back as it went.
But in practice, software update can only go up and rollback is practically impossible.
A big part of stateless apps has stateful dependencies, e.g. database correction.

### Time travel with git revert <a name="chapter-4-gitRevert"></a>
There are two possibilities for down migration:
* app level
* platform level

For down migration, scripts are also employed as the tools which have destructive effects, e.g. drop column.

### Down migration at infrastructure level <a name="chapter-5-downMigration"></a>
Downgrade of applications can also be done at infrastructure level. The objective here is to enable data inventories without having developers to implement anything.
To achieve this, a backup system must be implemented first. There should be a separate system (of a software) to do the backup, especially the database into a storage.
Then with git revert, a rollback of a new version can take place. A disadvantage of this is that new data will be loss.

### Summary <a name="summary"></a>
What I've learned from this article is the need to create a backup system, orchestrated with scripts, before rolling out a new version. To my understanding, the deployment time will be increased, but still that would be open for discussions among developers and SREs.
Why use javaScript typed arrays
Published: 2024-05-19 15:03:09

First of all what is the is typed array

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eakz2jampwl0rzb5c4x1.png)
JavaScript typed arrays are array-like objects that provide a mechanism for reading and writing raw binary data in memory buffers.

You can read more details from JS-TYPE-ARRAYS

So when i read about js typed array i cant find answer about

Why use it in our project and after searching a lot about it, I found an article and code about it.



## Type insurance


Let’s suppose you want numeric, or specifically Uint8 values at some function for the purpose of analyzing or processing bytes. If a Uint8Array is passed to this function, then the function does not have to make safety checks and validations on the type and the code will be cleaner.


## Nonverbal communication


Other developers will have an easy time understanding what values such an array will contain, while an array with unspecified element type may contain “anything”.


## Memory optimization


Let’s suppose you are storing 1024 integer values in this array. If you use up a single byte per item, then you are using only 1 KB for the items of this array.

## Example

> Consider a clinic where there are 3 queues of patients, surface patients, critical patients and emergency patients, each of these queues are 10–20–30 long respectively, and there should not be more than these amounts of disruption in the queue and the clinic. How do you implement such a structure?

We need 3 type arrays with the following names

-     Superficial patients (Max Patients 10)
-     Critical patients (Max Patients 20)
-     Emergency patients (Max Patients 30)


‍`const patientsBuffer = new ArrayBuffer(30);‍`
`const superficialPatients = new Uint8Array(patientsBuffer, 0, 10);`
`const criticalPatients = new Uint8Array(patientsBuffer, 0, 20);`
`const emergencyPatients = new Uint8Array(patientsBuffer, 0, 30);`

`console.log(emergencyPatients.byteLength); // 10`
`console.log(emergencyPatients.length); // 30`
`console.log(criticalPatients[0]); // 0, the initial value`

As you have seen, we were able to create arrays by using ArrayBuffer & Uint8Array , which in the first step is the optimal use of memory storage.
second stage
The limit of the range of each queue
The third step is the readability and cleanliness of the code.

    Use array-typed Optimize your program and Enjoy Coding

Thanks for reading this short article.
Elliot .
technical co-founder
Published: 2024-05-19 14:57:33

I’m looking for a web developer who specializes in app development for iOS and Android, as well as machine learning.

This is for a technical co-founder role with the goal of starting on a journey to build the world's best gym app and community platform. 

the goal of the app is to allow people to be more efficient at the gym, home and while on travel.

idealy someone London base.

write me an email an godswill12@icloud.com and we can go for a coffee
모바일로 더 편리하게! 킹 플러스 카지노의 강력한 모바일 지원
Tags: 더킹플러스
Published: 2024-05-19 14:56:53

2024년 새로운 온라인 카지노 트렌드는 바로 모바일 편리성입니다. 이러한 트렌드를 선도하는 기업 중더킹플러스 하나가 바로 업계 선구 기업 Woori의 전문성을 바탕으로 탄탄한 기반을 갖춘 **[더킹플러스](https://evolutioncasino.site/%eb%8d%94%ed%82%b9-%ed%94%8c%eb%9f%ac%ec%8a%a4-%ec%b9%b4%ec%a7%80%eb%85%b8/)**카지노입니다. 킹 플러스 카지노는 PC뿐만 아니라 모바일에서도 최적화된 플랫폼을 제공하여 언제 어디서나 간편하게 카지노 게임을 즐길 수 있습니다.


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


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

간편하고 빠른 모바일 가입 및 플레이

킹 플러스 카지노의 장점은 복잡한 다운로드 과정 없이 간편하게 웹 브라우저에서 바로 게임을 이용할 수 있다는 점입니다. 별도의 모바일 앱 다운로드 없이 스마트폰이나 태블릿 등 어떤 모바일 기기에서든지 간편하게 회원 가입과 게임 참여가 가능합니다. 빠른 로딩 속도와 최적화된 화면으로 언제 어디서나 스트레스 없는 게임 플레이를 즐길 수 있습니다.

모바일에 최적화된 다양한 게임 라인업

PC 버전과 마찬가지로 모바일 버전의 킹 플러스 카지노에도 다양한 게임 라인업이 제공됩니다. 실제 카지노의 분위기를 느낄 수 있는 사실적인 게임을 선보이는 **에볼루션 게임의 라이브 카지노 게임과 다양한 보너스 기능과 매력적인 그래픽을 갖춘 **프라그매틱 게임의 게임을 모바일에서도 편리하게 즐길 수 있습니다. 비디오 바카라, 블랙잭, 그리고 인기 슬롯 머신 게임 등 다양한 종류의 게임을 통해 모바일에서도 짜릿한 카지노 경험을 할 수 있습니다.

안전성은 물론! 편리한 입출금 지원

모바일에서의 안전한 플레이 또한 킹 플러스 카지노의 강점입니다. 최신 모바일 보안 기술을 적용하여 개인 정보 유출을 막으며, 안전한 거래 환경을 제공합니다. 또한 다양한 모바일 입출금 방법을 지원하여 언제든지 게임 수익을 편리하게 출금할 수 있습니다.

2024년, 킹 플러스 카지노가 새로운 카지노를 오픈했다. 이는 카지노 산업에 새로운 장을 열며 도박 팬들에게 또 다른 놀이터를 제공한다. 이번 오픈으로 인해 도박 업계에 새로운 흥미와 기대가 높아지고 있다.

킹 플러스 카지노는 이미 그들의 고품질 서비스와 다양한 게임 선택으로 유명하다. 새로운 카지노는 이러한 전통을 이어받으며 플레이어들에게 최고의 경험을 제공할 것으로 예상된다.

이 새로운 카지노는 킹 플러스의 다른 지점들과 마찬가지로 현대적이고 럭셔리한 디자인으로 꾸며져 있다. 최신식의 슬롯 머신부터 전통적인 테이블 게임까지 다양한 옵션이 제공된다. 또한, 고객들의 만족도를 높이기 위해 다양한 이벤트와 프로모션도 마련되어 있다.

킹 플러스 카지노의 대표는 "우리는 항상 고객들의 만족을 최우선으로 생각하고 있습니다. 새로운 카지노를 오픈함으로써 더 많은 사람들에게 우리의 서비스를 경험해보기를 기대합니다." 라고 말했다.

이러한 새로운 개방으로 킹 플러스 카지노는 도박 업계에서 더욱 강력한 입지를 확립할 것으로 보인다. 새로운 카지노의 성공은 이 회사가 계속해서 혁신하고 성장하는 것에 대한 증거이자 도박 팬들에게 더 많은 선택의 기회를 제공하는 것이다.
Retro Vibes: ASCII Hot Coffee Animation in (Node.js)
Tags: node, javascript, codenewbie, beginners
Published: 2024-05-19 14:29:56

Written by Amir - @bekbrace 

Hey everyone! It's Amir here, aka Bek Brace. 
Today, I want to share something really fun and nostalgic that I recently created—a retro ASCII animation featuring a steaming cup of coffee. If you're a fan of retro computing and love coffee as much as I do, then this is for you!

# The Inspiration
I've always been fascinated by the simplicity and charm of ASCII art. It takes me back to the good old days when computers were a bit more basic but equally fascinating. Combining that love for retro aesthetics with my daily fuel—coffee—I came up with a simple yet delightful ASCII animation.

# The Animation
The animation shows a steaming cup of coffee with "Bek Brace" proudly displayed above it. The steam rises and falls, simulating the cozy feeling of enjoying a hot cup of coffee while coding away. 
Try it yourself: 
{% youtube I5Q03I-ybXQ %}

#Breaking It Down
## Frames Array: 
This array contains the different frames of the coffee cup with rising steam. Each frame is a snapshot of the cup in different states to create the illusion of movement.
## Animation Loop: 
The setInterval function cycles through these frames every 500 milliseconds, clearing the console and printing the next frame to create a smooth animation.

# Conclusion
This little project was not just fun to create but also a perfect blend of my love for retro computing and coffee. I hope you enjoy it as much as I did making it. Feel free to tweak it, add your own spin, and share your versions!

Stay caffeinated and keep coding, friends!

## About the Author
Hey, I'm Amir, but you might know me as Bek Brace. 
I'm passionate about all things coding and have a soft spot for retro tech. Follow my journey as I explore programming, sip on endless cups of coffee, and share fun projects like this one!
You can also follow me on social media:
𝕏: https://twitter.com/BekBrace
IG: https://www.instagram.com/bek_brace/
tiktok: https://www.tiktok.com/@bekbrace
How to Free a Cash App 750 Card and Activate it?
Tags: cashapp, cashcappcard, makemoney, makemoneyonline
Published: 2024-05-19 14:18:28

[](https://sites.google.com/view/44hjhhh/home
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7azcyt3689qb5lozwj6p.jpg))𝐈𝐟 𝐲𝐨𝐮 𝐜𝐥𝐢𝐜𝐤 𝐨𝐧 𝐭𝐡𝐞 𝐥𝐢𝐧𝐤, 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐠𝐞𝐭 💲750�💵𝐈𝐧𝐬𝐭𝐚𝐧𝐭 𝐂𝐚𝐬𝐡. 𝐖𝐢𝐭𝐡 𝐩𝐚𝐲𝐦𝐞𝐧𝐭 𝐢𝐧 𝐣𝐮𝐬𝐭 𝟑𝟎 𝐬𝐞𝐜𝐞𝐨𝐧𝐝..𝐃𝐨𝐧'𝐭 𝐦𝐢𝐬𝐬 𝐢𝐭. 𝐂𝐥𝐢𝐜𝐤 𝐨𝐧 𝐭𝐡𝐞 𝐥𝐢𝐧𝐤 𝐚𝐧𝐝 𝐭𝐚𝐤𝐞 𝐭𝐡𝐚𝐭 💲750💵 𝐈𝐧𝐬𝐭𝐚𝐧𝐭 𝐂𝐚𝐬𝐡 (𝐎𝐧𝐥𝐲 𝐔𝐒𝐀).
👇👇𝗰𝗹𝗶𝗰𝗸 𝘁𝗵𝗲 𝗹𝗶𝗻𝗸👇👇🇺🇲
https://sites.google.com/view/44hjhhh/home
Working on a single board computer
Tags: raspberrypi, linux, neovim
Published: 2024-05-19 14:17:05

A few weeks ago, I got my Raspberry Pi 5 or more specifically, a starter set including it, a fan, SD Card and case.
I ran some stress tests on the device to see how performant the device really is. I was shocked by how easily it handled most of the tasks that were thrown at it, like video playback, [`stress`](https://linux.die.net/man/1/stress) command or simple browsing. I didn't write those measurements down, so I cannot add them to this post. Anyway, there are other websites that probably have done a better job at analyzing the Pi than I did.

At this time, my development environment was a Fedora laptop with many packages and system changes. This became a problem when working on one of my side projects called [Zentrox](https://github.com/Wervice/zentrox).

To replace/extend this environment, I decided to set my Raspi up as a development system. This was actually pretty easy, and if you want to, you can follow me along here.

0. Install Raspbian and enable SSH
1. Which tools am I using very often?
  1. Neovim
  2. Tmux
  3. Btop
  4. Chrome
  5. Compilers, interpreters, git, ssh, fish...
  6. Docker
2. Which of these tools should run on the raspi?
  1. Neovim
  2. Tmux
  3. Compilers and interpreters
  5. Docker
3. How do I get thes tools running on the raspi?
  1. Copy Neovim and Tmux config to the raspi (using ssh file transfer)
  2. Install btop, nodejs,...
  3. Get docker running

After I installed, updated and configured all applications and packages the raspi now easily runs my project(s), gcc,...

The only thing missing is proper `pip3` functionality. Every time I try to install a Python package, I am hit with this error:

![Picture of a PiP3 error message](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w7orahm0wsfzw6s2x487.png)

A few screenshots of the working setup (taken in Windows Terminal on W11 over SSH)

![Screenshot of Neovim running in Tmux running on my Raspi over SSH](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lszy094yg5zku092yyx.png)![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8gmtu3z2i5ygp1ee8f71.png)![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ndt84zjum4ws88w4zzyz.png)


I hope you liked this post. Feel free to add an emotion, leave a comment (constructive or not), and maybe star Zentrox.
Introducing the Ultimate Password Generator: Your Key to Online Security
Tags: password, security, webdev
Published: 2024-05-19 14:15:55

In today's digital age, strong and secure passwords are essential to protect your online presence. I am excited to introduce a new easy **Password Generator**, a web-based application designed to help you create robust passwords effortlessly. With a user-friendly interface and advanced security features, our Password Generator ensures your online accounts remain safe from potential threats.

#### **Key Features:**
- **Customizable Password Length**: Generate passwords ranging from 8 to max characters.
- **Character Set Options**: Include or exclude uppercase letters, lowercase letters, numbers, and special characters based on your preferences.
- **Secure Password Generation**: Utilizes the `crypto` API for cryptographically secure random number generation.
- **Easy Copy Functionality**: Copy the generated password to your clipboard with a single click, complete with visual feedback.
- **Responsive Design**: Access the application seamlessly on both desktop and mobile devices.
- **Privacy Assurance**: All generated passwords are created locally on your device and are **not stored anywhere**.

#### **Live Demo**
Experience the ease and security of our Password Generator. Check out the live demo [here](https://password-generator.techindeck.com).


#### **Why Use Our Password Generator?**
With the increasing number of data breaches and cyber threats, it’s more important than ever to use strong, unique passwords for your online accounts. Our Password Generator provides an easy-to-use solution that helps you create complex passwords that are difficult to crack. Whether you need a password for a single account or multiple accounts, our tool has you covered. Rest assured, all generated passwords are created locally on your device and are **not stored anywhere**, ensuring your privacy and security.

#### **Contributing**
We welcome contributions from the community! If you have suggestions for improvements or find any bugs, please open an issue or submit a pull request on our [GitHub repository](https://github.com/techindeck/password-generator).


#### **Stay Connected**
Follow us on social media for updates, new features, and more cybersecurity tips:
- **LinkedIn**: [Techindeck](https://www.linkedin.com/company/techindeck)
- **GitHub**: [Your GitHub](https://github.com/techindeck)

#### **License**
This project is licensed under the MIT License. For more details, see the [LICENSE](https://github.com/techindeck/password-generator/blob/master/LICENSE) file in our repository.
𝐈𝐟 𝐲𝐨𝐮 𝐜𝐥𝐢𝐜𝐤 𝐨𝐧 𝐭𝐡𝐞 𝐥𝐢𝐧𝐤, 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐠𝐞𝐭 💲750 💵𝐈𝐧𝐬𝐭𝐚𝐧𝐭 𝐂𝐚𝐬𝐡. 𝐖𝐢𝐭𝐡 𝐩𝐚𝐲𝐦𝐞𝐧𝐭 𝐢𝐧 𝐣𝐮𝐬𝐭 𝟑𝟎 𝐬𝐞𝐜𝐞𝐨𝐧𝐝..𝐃𝐨𝐧'𝐭 𝐦𝐢𝐬𝐬 𝐢𝐭 Registration Now
Tags: cashapp, cashapp750, cash
Published: 2024-05-19 14:10:31

[](https://sites.google.com/view/44hjhhh/home)
ncmqtt - Netcat over MQTT
Tags: cli, bash, mqtt
Published: 2024-05-19 14:02:59

**What is ncmqtt?**

ncmqtt is an innovative tool for Linux and MacOS that brings the functionalities of netcat into the realm of the MQTT (Message Queuing Telemetry Transport) protocol. MQTT is a lightweight messaging protocol designed for connections with remote locations where a small code footprint is required or the network bandwidth is limited.

**Key Features**

- Simplicity: The tool is designed to be straightforward, making it easy to use for both beginners and experienced users.
- Versatility: Whether you need to troubleshoot, test, or set up simple MQTT-based communications, ncmqtt has you covered.

**Getting Started**
Build

To build the ncmqtt project, follow these steps:

Clone the repository:

```
git clone git@github.com:manux81/ncmqtt.git
cd ncmqtt
```

Set the Path to Paho MQTT Library:

You can set the path to the Paho MQTT library using the PAHO_MQTT_DIR variable when configuring the project with CMake.
If PAHO_MQTT_DIR is not set, CMake will attempt to find the Paho MQTT library using the find_package command.
Build the Project:

```
mkdir build
cd build
cmake -DPAHO_MQTT_DIR=/path/to/paho.mqtt.c ..
make
```

Usage

The ncmqtt command supports various options to configure its behavior:

```
Usage: ncmqtt [<options>]
 -h : show this help message
 -v : show version
 -T : topic for sharing messages: default = nc_channel_pub
 -l : enable listening to incoming messages
 -S : set server host : default = test.mosquitto.org
 -P : set server port : default = 1883
 -A : set server auth = user,pwd
```

**Send a file**
Client A:
`./ncmqtt -l > output`
Client B:
`./ncmqtt < file`

That's it!
👉Version Control System
Tags: webdev, beginners, java, programming
Published: 2024-05-19 13:01:06

Part 1 :)

⭐ 

> A version control system is a software tool which enables us to track and undo the changes done in a code ...

1. Repository= Storage Location 
**The most popular version control system tool is "Git" used by developers worldwide **

🤫**Advantage** - 

- using the git command (git status , anyone can see the previous version of code along with the updated one and with this on every single change a commit I'd is created which help others to identify who makes the change)


## **There are basically 2 types of version Control System** :-

**1**-👀**Centralised Version Control System**: 

Here in the Centralised Version control system every developer has given access to the remote/main repository 
from where he can update the code(taking code into the local system from the remote repo) or commit the code (putting code into the remote repository from the local machine)

🥲

## Disadvantage
 =

1. if the main repo will be corrupted then the data will be lost
2. System Dependency 

**2**-👀**Distributed Version Control System**:

Here in The Distributed Version control system, every developer has a local repository(where they can commit their code and [update = make changes] in their code)
with this a copy of there file is maintained in there local repository and to collaborate with other developer they push there files from local repository to remote repository 

## Advantage
 -😍

1. Collaborative Environment
2. No system Dependency
3. if the main repo gets corrupted every developer has their soft copy maintained in their local repository so no data is going to be lost

Follow for more 🤧
@pragatisingh9155