teleren/devto huggingface dataset:
Major Steps to Create a DAO
Tags: daodevelopment, dao, daodevelopmentcompany, blockchain
Published: 2023-03-13 09:01:17

Are you an entrepreneur starting a DAO project? Are you not aware of the stages or steps involved in creating a DAO? Here let us explore some of the major steps to create a DAO. 

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

## Step 1: Define the Structure of the DAO Project
The first and foremost step would be the determination of the core structure of the DAO. Before starting the development process, you must be clear about the structure of your DAO. 

## Step 2: Decide the Type of DAO
After determining the structure of the DAO, the next step would be to choose the type of DAO that you want to develop. There are certain types of DAOs from which you can choose such as Protocol DAOs, Investment DAOs, Grant DAOs, Social DAOs etc. 

## Step 3: Decide About DAO Token: Supply, Allocation, And Incentives
It is essential to choose the token supply volume and allocate them when the DAO development team starts working on the blockchain project. The efficient allocation will be helping you in achieving the optimum growth for your business.

## Step 4: Create Your DAO
Here in this step, you will be required to create your DAO using different tools. After this, you will be required to fix your DAO treasury to handle your tokens and crowdfunding.

## Step 5: Create Your DAO Treasury
After the creation of DAO and its allocation, it is required that you must secure your collected funds. For this, you will have to create your DAO treasury using different tools such as Gnosis Safe, Multis, Juicebox etc. 

## Step 6: Create Your Community
The most solid foundation for a DAO environment is a reliable, independent community. Developing a DAO cluster should give priority to community building. A vibrant, dynamic, and involved community can support the DAO project's ongoing growth.

### Why Choose Technoloader?
Technoloader is a leading [DAO Development Company](https://www.technoloader.com/dao-development) offering services in all parts of the world. They have a large team of proficient blockchain developers who will assist your business with the best blockchain solutions.

Their DAO Development Services are customizable as well as cost-effective that will help you in attaining your business objectives. You can contact their developers by visiting their website.

Call/Whatsapp: +91 7014607737 | Telegram: vipinshar | Email: info@technoloader.com
Storing Pixel Art NFTs One Thousand Years
Tags: news, cloud, security, blockchain
Published: 2023-03-13 08:37:58


[![Storing pixel art video thumnbail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/71k7ld233skcoyxol6nm.jpeg)](https://www.youtube.com/watch?v=cctknQhVX1w)
> Click the image to watch the video on Youtube

Storing very light images for at least a thousand years to preserve historical facts is our job! Finally at [Pixa.Pics](https://pixa.pics/) we have built all the parts that are around the storage, they can expand as desired and are 1000 times lighter than a photo taken by a smartphone, oh yes, we are getting there!

Don't keep your thoughts for yourself, share your opinion with us!
.DS_Store Dosyalarını Oluşturmayı Devre Dışı Bırakmak
Tags: macos
Published: 2023-03-13 08:33:29

Son derece masum, ancak bir o kadar sinir bozucu bir dosya olan **.DS_Store** dosyaları; aslında **MacOS** işletim sisteminde kullanıcının dokunduğu dosyalar ve klasörlerle ilgili **metadata** tutmakla görevli. Bu veriler dosya isimleri, ikonlar, klasör ayarları vb. bilgilerdir. 

### Nasıl Devre Dışı Bırakılır?

.DS_Store dosyalarının oluşmasını devre dışı bırakmak için, Terminal'i açıp, aşağıdaki komutu uygulamanız yeterlidir.

`defaults write com.apple.desktopservices DSDontWriteNetworkStores true`

### Nasıl Aktif Edilir?

.DS_Store dosyalarının oluşmasını tekrar aktif etmek için, Terminal'i açıp, aşağıdaki komutu uygulamanız yeterlidir.

`defaults write com.apple.desktopservices DSDontWriteNetworkStores false`

### Mevcut .DS_Store Dosyaları Nasıl Silinir?

Terminal'i açın ve kullanıcınınızın home dizininde kalın. Yani `pwd` komutu uyguladığınızda `/Users/gurkanbicer` gibi kendi klasörünüzde olmalısınız. Aşağıdaki komutu uyguladığınızda tüm alt klasörlerdeki .DS_Store dosyalarını temizleyecektir.

```
find . -name ".DS_Store" -print -delete
```

Geçenlerde bununla ilgili bir olay da oldu. Acilen işlem yapılması gerektiğini söyleyen, zaafiyet içeren IP adreslerinin ve zaafiyet sebeplerinin yer aldığı bir zarf teslim aldım. İlgili devlet kurumu, .DS_Store dosyalarını zaafiyet olarak nitelendirmiş ve internete açık bir şekilde durmaması gerektiğini belirtmiş. Aciliyet sebebini ve ne gibi bir güvenlik sorununa yol açabileceğini henüz anlayamadım ama o da heralde .DS_Store dosyalarından haz etmeyen biri heralde -_- Kağıt, zarf ve zaman kaybından başka bir şey değildi. Neyse ki, dosyaları temizleyip, zaafiyeti giderdim (!)

Eğer ki bu bir **.git** klasörü olsaydı ya da herhangi bir kimlik bilgisi içeren klasör olsaydı, **aciliyet sebebi son derece anlaşılabilir olurdu.**
New Features for the Web Report Designer in List & Label 28
Tags: webdev, news, datavisualization, reportdesign
Published: 2023-03-13 08:32:30

The **Web Report Designer** is a central element **if you’re using List & Label in web applications**. We’re constantly improving and adding to it, and with the release of version 28, we’ve added many new objects and functions again. Here’s a quick overview of the new features.

## New Designer Objects
The following Designer objects are now supported since version 28 – both as standalone objects and also in tables:

- Gauges, visualizing data as speedometers, thermometers, etc.
- Data graphics, visualizing data as pictograms
- Checkboxes, displaying true/false values
- PDFs to use as background for forms, or more complex document parts that are available as PDF files


## Pie Charts
Finally, pie charts can be created directly in the Web Report Designer, and being used as standalone objects as well as in tables. In order to achieve this, a completely new editing mode has been integrated into the Web Report Designer. This editing mode can be opened directly in the workspace, just using a separate button.


![Pie Chart in Web Report Designer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6f101uvj5qfw51wrlgjv.png)

Other chart types are already in the making, and will be gradually integrated. Our goal is to transform the Web Report Designer into a fully-fledged, browser-based replacement for the previous Windows app-based Web Designer.


## Repository
Provide the content of your repository with more structure and clarity. Folder structures are automatically supported now, without doing changes to existing implementations. Project files, but also additional files such as images, etc., can now be created and managed right within folder structures.

![Elements in Web Report Designer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4bykbo6jydrm68ooabz8.png)


## Table Editor
Create and move fields easily with drag & drop. Also, adjusting their properties got a lot easier and more convenient with the new table editor.  Currently available are text fields, images, barcodes, checkboxes and PDF files. You can also insert data graphics, gauges, and charts really quick and easy.

![Table Editor Web Reports](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r91ghx4fy0ajhdo7cr1h.png)


## Export Right from the Designer
Create your reports in the Designer and export right from there to check your layout on different output media.

![Export Options Web Report Designer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hz6rte9x98q5feki9k6g.png)

## Start Online Demo
If you like to take a closer look at the Web Report Designer in List & Label check out the [interactive Online Demo](https://www.combit.com/web-reporting-list-label/?reportRepositoryID=repository%3A%2F%2F%7B4BF96B30-2753-45ED-A4BD-4747C9977309%7D&dlyx_xs=mhd6vdtvblnluo18d32fip2k3g).
Or directly get the [free List & Label trial](https://www.combit.com/trial/).
Make your own React mount/unmount animation
Tags: javascript, react
Published: 2023-03-13 08:25:20

Hi All,
I write little useful code snippets without lots of words. This will be about making your own React mount / unmount animation without using any library. We will take advantage of javascript animationend event. (onAnimationEnd in React.js)

First of All we prepare our styles.

```css
.animated-render-show {
  animation: fadeIn 0s;
}

.animated-render-hide {
  animation: fadeOut 0s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
```
Then we are writing our animated render code.

```javascript
import { Children, useState, useEffect, cloneElement } from "react";

import "./style.css";

export default function AnimatedRender({
  children,
  mountAnimationClass = "animated-render-show",
  unmountAnimationClass = "animated-render-hide",
  visible = true
}) {
  const [show, setShow] = useState(visible);

  const animatedClassName = visible
    ? mountAnimationClass
    : unmountAnimationClass;

  useEffect(() => {
    if (visible) {
      setShow(true);
    }
  }, [visible]);

  const handleAnimationEnd = () => {
    if (!visible) {
      setShow(false);
    }
  };

  const clonedChildren = Children.map(children, (child) => {
    const classNameWithAnimate = `${
      child.props.className || ""
    } ${animatedClassName}`;
    return cloneElement(child, {
      className: classNameWithAnimate,
      onAnimationEnd: handleAnimationEnd
    });
  });

  return show && clonedChildren;
}

```

By default mountAnimation class and unmountAnimation class has animated 0 second duration. This is because of the way of the works onAnimationEnd. If your element has not an animation, onAnimationEvent will not work.

You can found working version of it in this link: [React Mount / Unmount Animation](https://codesandbox.io/s/react-mount-unmount-animation-plrnde?file=/src/App.js)
Reflecting on my journey in tech
Tags: wecoded, womenintech
Published: 2023-03-13 08:18:41

_Photo by [Pixabay](https://www.pexels.com/photo/green-tree-268533/)_

As another year approaches and we celebrate individuals who are underrepresented and otherwise marginalized in software development, I took the time to reflect on my journey. 

Back in March 2019, almost 4 years ago, I talked about my experiences as an underrepresented person in the tech industry and I shared the choices that I had made.

{% embed https://youtu.be/6gYyg1NFtTE %}

My experiences have evolved since I last discussed it as that young woman on stage. I feel safer, more confident and more hopeful about the future after working with companies like Forem that value equality in the workplace and continuously try to move the [goal posts](https://dev.to/ben/lets-keep-moving-the-goal-posts-3jjl). 

However, I still continue to practice those choices that I made many years ago:

- To educate folks in the industry about the issues that we deal with as minorities. 

- To urge the people that I meet to be active participants in the struggle. 

- To mentor the next generation of leaders so that they are better equipped to deal with what’s thrown their way than I was, so that they may overcome these issues more easily and eventually eliminate them.

- To speak up about these issues and create an  awareness.

- To surround myself with folks whom I can identify with and whom I can form a support system with.

- To no longer doubt myself. 

I still practice these choices everyday and I want to be reminded about them often so that I continue playing my part in helping to promote equality, diversity and inclusion in the tech industry.
Understanding the IT Business Analyst Role Real Quickly
Tags: it, role, businessanalyst
Published: 2023-03-13 08:10:13

As a former business analyst, I will summarise the key responsibilities and skills required for this role.

The business analyst is responsible for designing software and must be familiar with the operation and processes of the specific business segment. They gather and document the requirements for the system, perform customer interviews, create functional specifications, and handle new requirements.

A [business analyst](https://bluebirdinternational.com/it-business-analyst-role/) is different from a systems analyst as they must thoroughly comprehend client needs, whereas a system analyst refers to someone who has technical skills also.

The business analyst collaborates with the project sponsor, who owns the project and establishes the project’s goals, and the project manager, who is responsible for the project’s implementation. He/she also works with the users, both internal and external, to establish the needs of all stakeholders while defining the requirements and solutions planned afterward. Additionally, the business analyst works with developers, such as software developers, architects, DevOps engineers, and testers to ensure the system developed meets the requirements.

The primary tasks of a business analyst include understanding customer needs, translating them into clear requirements, processing customer interviews and written information, and validating requirements produced from them. Preparation is a must for client interviews to discuss the current business process and appropriate regulations. The requirements list compiled from customer interviews forms the basis of the future IT system, which must meet the application’s requirements.

Business analysts also analyze business processes during client interviews. Business analysts must also have excellent communication skills to work with different stakeholders, critical thinking skills to analyze complex problems, and technical skills to understand the software development process. Finally, they must be adaptable, flexible, and able to work in a fast-paced environment to meet project deadlines.

To get to know more, visit [Bluebird](https://bluebirdinternational.com/)’s official website and read blogposts about IT roles, technologies, [IT staffing solutions](https://bluebirdinternational.com/staff-augmentation/) and [software development](https://bluebirdinternational.com/it-solutions/)!
3 вещи, которые продуктовые фронтенд разработчики часто недооценивают
Published: 2023-03-13 08:09:40

Мы привыкли считать, что фронтенд разработчик работает только с HTML, CSS и JS для клиентской части сайта. Но на самом деле он работает и отвечает за гораздо большее.

1️⃣ Дизайн

Давно одним из преимуществ продуктового дизайнера на рынке является понимание основ вёрстки. Для эффективной работы аналогичная работа должна идти и со стороны фронтендеров. Основы дизайна помогают общаться на одном языке, исправлять небольшие ошибки и предлагать менее ресурсоемкие решения с точки зрения разработки для достижения тех же целей.

Изучай UI и UX. Не будь только исполнителем.

2️⃣ Бэкенд

Из каких компонентов состоит бэкенд? Какие задачи обычно решают бэкенд разработчики? 

Знание бэкенда позволяет лучше понимать и формулировать требования к API, быстрее находить ошибки и предлагать масштабируемые решения. 

3️⃣ Продукт

Ты понимаешь, что твой продукт может предложить. Ты также знаешь, на что способен фронтенд. Умей соединять эти две вещи и предлагать решения, которые продукт-менеджерам может быть сложно придумать самим.

В общем, я не утверждаю, что нужно быть экспертами в этих областях или полностью сосредоточиться на их развитии. Тем не менее, они позволяют достигать целей быстрее, потому что способ общения меняется. Оно переходит от "задача-решение" к "понимающему взаимодействию".
Working with Databases-APIs
Tags: opengauss
Published: 2023-03-13 08:04:28

You can use standard database APIs, such as **ODBC** and **JDBC**, to develop openGauss-based applications.

**Supported APIs**
Each application is an independent openGauss development project. APIs alleviate applications from directly operating in databases, and enhance the database portability, extensibility, and maintainability. Table 1 lists the APIs supported by openGauss and the download addresses.

Table 1 Database APIs

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2bd86ugqbey0xk8ma633.png)
You can use **JDBC** and **ODBC** to connect to the database. Therefore, you need to configure a remote connection in openGauss.

For details about more APIs, see Application Development Guide.
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2023-03-13 08:00:05

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259582acfe.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why did the developer have to quit smoking?

___A:___ Because they couldn't afford to pay the new syntax.
 -->
PHP ile Kullanıcının Gerçek IP Adresini Almak
Tags: php
Published: 2023-03-13 07:55:35

Web server eğer **Cloudflare** veya herhangi bir **Reverse Proxy** arkasındaysa, kullanıcının gerçek IP adresini almak için ekstra bir fonksiyona ihtiyaç duyarız. Aşağıdaki fonksiyon kullanıcının gerçek IP adresini almak için yardımcı olarak kullanılabilir.

```
function getClientIP()
{
    if (isset($_SERVER['HTTP_CF_CONNECTING_IP'])) {
        return $_SERVER['HTTP_CF_CONNECTING_IP'];
    } else if (isset($_SERVER['HTTP_X_REAL_IP'])) {
        return $_SERVER['HTTP_X_REAL_IP'];
    } else if (isset($_SERVER['HTTP_CLIENT_IP'])) {
        return $_SERVER['HTTP_CLIENT_IP'];
    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
        return $_SERVER['HTTP_X_FORWARDED_FOR'];
    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
        return $_SERVER['HTTP_X_FORWARDED'];
    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
        return $_SERVER['HTTP_FORWARDED_FOR'];
    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
        return $_SERVER['HTTP_FORWARDED'];
    } else {
        return $_SERVER['REMOTE_ADDR'];
    }
}
```

Test;

```
var_dump(getClientIP());
```

Çıktı;

```
string(9) "104.28.154.247"
```

**_Çıktıda belirtilen IP adresi neden Cloudflare IP adresi, kod mu hatalı?_**

_Hayır. Kod doğru. İnternet bağlantım için kendi IP adresimi, kendi sunucularım ve belli başlı online bankacılık işlemlerim harici isteklerimi Cloudflare WARP üzerinden ücretsiz geçirerek gizliyorum. Bir başka yazıda Cloudflare WARP hakkında bahsedeceğim._
Lumighost Arena: game development hackathon ended
Tags: hackathon
Published: 2023-03-13 07:42:03

<p dir="ltr">On March 10 2023, Lumighost Arena contest ended, an international hackathon among gamedev specialists. Participation in the competition was free and open to anyone who wants to compete in game development.</p>
<p dir="ltr">This competition was founded this year by Lumighost, a company that creates custom games and gamified apps to order. The hackathon has received the appropriate name - "Lumighost Arena", and it is focused on the search for new talents among the specialists of the game dev market.</p>
<p dir="ltr">The topic of the competition entries for the Lumighost Arena hackathon for 2023 is the development of Arena Gameplay Mechanic as part of the creation of an RPG game on Unity with multiplayer support. The central problem is poor, low-quality game design in multiplayer games. It is with this problem that the participants of the competition had to cope and present their solution in the form of a developed game.</p>

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uo7c8x0gb9tk3febelgn.jpeg)
<p dir="ltr">The results of the competition can be found on the official website of the hackathon at the link: <a title="Lumighost Arena" href="https://arena.lumighost.com/winners.html" target="_blank" rel="noopener">https://arena.lumighost.com/winners.html</a>. The contestants fought for cash prizes, as well as the opportunity to finalize their project with professional developers for free and place the finished project in the AppStore and PlayMarket.</p>
<p dir="ltr">The organizer of the competition was Maksym Tytarenko, who is a co-owner and COO of Lumighost, engaged in custom game development. The company is a strong expert in the gaming market providing unique solutions for its clients. In the last year alone, Lumighost specialists have developed gaming products with a total capital of over $5 million. One of the company's achievements is the development of its own custom game Haunted Houses.</p>
<p dir="ltr">The event has an international level, allowing participants from different countries to participate in the Lumighost Arena competition. As stated in the rules of the competition, both single and team participation in the hackathon was allowed. The competition took place from 6 to 10 March, when the names of the winners were announced. The first place was taken by Artur Kashuba, who presented the game Ghost Tanks.</p>
<p dir="ltr">The Lumighost Arena hackathon is of great importance for the development of the gaming industry, since the main goal and objective of the competition is to solve the problem of poor game design in multiplayer games with the help of the works proposed by the contestants. This event helps solve an important problem in the gaming market, which means it is able to influence the emergence of new positive trends in the process of professional game creation.</p>
Mock React hooks based on environment
Tags: react, hooks, javascript, webdev
Published: 2023-03-13 07:41:42

Hi

Recently I had an issue that there exists on React hook which was available only in the production environment since our application is being loaded inside other framework, which provided it. 

Basic issue is you cannot place the hook inside a condition.

I needed to mock the hook, I have searched on the web and found hook mocking using jest. 

Hence the following approach.

Let says my hook is **useServerData** very unintuitive. But for this purpose its fine. 

I have created a mock hook, **useServerDataMock** in my mock file.

**useServerData** would given an object 
```
{
  userId: string,
  meta: any
}
```

In my mock.ts
```
const useServerDataMock = () => {
  return {
    userId: "testId",
    meta: {}
  }
}
```

Now how to use mock hook based on Dev or Prod environment
```
interface ContainerProps {
  serverData: ServerData
}
const Container = (props: ContainerProps) => {
  ..
}
const ProdContainer = () => {
  const serverData = useServerData()
  return <Container serverData={serverData} />
}
const DevContainer = () => {
  const serverData = useServerDataMock()
  return <Container serverData={serverData} />
}

const App = () => {
  if (process.env.NODE_ENV === "production") {
    return <ProdContainer />
  } else {
    return <DevContainer />
  }
}
```

Hope this helps someone facing similar issue.