teleren/devto huggingface dataset:
What is Arccticy™?
Tags: chat, css, discuss, node
Published: 2021-11-15 18:44:18

# Arccticy™ Chat

### What is it?

Arccticy™ Chat is an open-source, simple, (for now), chat platform.

### Current team:

~~Product Manager~~: (1 person)[@dudeactualdev](https://replit.com/@dudeactualdev/)

~~Head Developer~~: (2 ppl)(Taken - [@Lankdev](https://replit.com/@Lankdev/) [@StringentDev](https://replit.com/@StringentDev/))(Advantages: Team Admin)

Designer: (2 people)(Open - [@ch1ck3n](https://replit.com/@ch1ck3n/))) 

Back-end development: (3 people)(Available - [@natethemaker](https://replit.com/@natethemaker), [@zplusfour](https://replit.com/@zplusfour ))


~~Marketing Assistant~~: (1 person)(Taken - [@natethemaker](https://replit.com/@natethemaker))

Developer: (2 people)(Available)

### What's planned:

 - Design

   - User Interface

   - Landing Page

   - Components

   - Templates

   - Desktop app with Electron.JS (All devs)

   - Mobile app with Flutter? (Optional)

   - Skeleton shimmers (better than using a circular indicator as it tells the user what type of content to expect)

 - Implement

   - SPA routing (No reloading for moving channels/servers and to all pages)

   - Video Chat (P2P?)

   - Custom Database module (Stringent)

   - API server (Stringent)

   - Clusters module (standard nodejs module)

   - Subscription service using API (NOT POSSIBLE ON REPL)
Why should I code?
Tags: beginners, programming, codenewbie
Published: 2021-11-15 18:41:13

## You call the shots!
With code, you get to do whatever you want. Obviously, there are limitations. We should do things that make the world a better place, not worse. The sky is the limit and actually, that’s not really true either. You’re really just limited by your own creativity.

Those limitations aside, you can build whatever you want. If you want to build a car that transforms into a tiger, you can. If you want to build an app that helps people without homes have access to free resources, you can do that. If you want to program a robot to throw a ball for your dog, you can.

## The fun of a challenge
What’s the last thing you learned how to do? It was probably hard at first and then something clicked. Do you remember that awesome “aha, it makes sense” feeling? I promise you will get lots of that when learning to code. Of course, at times, that means it’s going to be hard. That “aha” feeling makes it all worth it. That feeling of accomplishment feels good.

##Why Use Python and not [insert other programming language]?
There are hundreds of programming languages. You could choose any one of them and be able to learn the same concepts and probably build all the same projects. Each language is typically built for a purpose, but that doesn’t mean it can’t do other things. Sometimes that purpose is just for fun and sometimes it’s to launch a rocket.

In Python’s case, Python was written to make coding easier to read. This is why many programmers suggest learning to code with Python. You’ll also find that Ruby, JavaScript, and Java are often suggested for learning. There really is no right answer. In my experience, I find both Python and Ruby to be the easiest to read and write. Once you understand a few terms, they kinda read like English.
Are Design Patterns Important To Know ?
Tags: webdev, programming, beginners, design
Published: 2021-11-15 18:40:53

For Beginners, Making Projects is Simply about writing code that works, in one of the previous posts we talked about why that won't do in the long term, and now we talk about another solution.
That Solution is using Design Patterns to help make the code clear, flexible and extensible.
In Big projects and when you become a real software developer with a job you will see that Design Patterns are used for every single big project.

PS : this was supposed to come with a video with cool animations and all, but i lost the project file, hopefully the next topic comes with a video.

## When Not To Use Design Patterns ?

- Design Patterns + Small Project is the worst combination as it makes the code more complex and bigger than it should be.
- Using Design patterns doesn't Indicate Quality Code, as sometimes the implementation of these said patterns is wrong which leads to bad experience for developers checking your code.
- Once you implement a design pattern it is hard to remove when it's not needed or want to replace it with another design pattern.

## When To Use Design Patterns ?

- Design Patterns solve certain problems when writing the code and that's what you have to look for. If you are facing a known problem that has a design pattern as a solution it is recommended that you use.
- Creating flexibility and Making your project easily scalable.
- Code Re-Usability when needed.
- Easy to understand by other developers as design patterns are known standards, so any developer that picks your code can understand it.

## Commonly Used Patterns 

Though these aren't "Design Patterns" they are called "Architectural Patterns" but nonetheless it's good to have an idea of what a pattern can look like.

You may have seen these when trying out a new framework like Django, .NET ... etc.

There are others but the two most known ones are : 

### MVC :
***Model*** : Components That Describe the data in used the app.
***View*** : : Contains the interface that the user sees which
contains the representation of this data
***Controller*** : Contains all the business logic done in the
application.

### MVVM :
***Model*** : Describes The Data
***View*** : Defines the structure, layout and appearance of a view on screen 
***View Model*** : A link between the View and Model, dealing with any view logic.
Learning Workflows: Getting Data From an External JSON Response
Tags: nocode, workflows
Published: 2022-02-16 23:09:13

---
title: Learning Workflows: Getting Data From an External JSON Response
published: true
date: 2021-11-15 18:37:15 UTC
tags: NoCode,Workflows
canonical_url: https://maxkatz.org/2021/11/15/learning-workflows-getting-data-from-an-external-json-response/
---

This video shows how to call an external API and retrieve one object from the API’s JSON response.

[![Getting data from an external JSON response](https://katzmax.files.wordpress.com/2021/11/learningworkflows_external_ap_get_object_test.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/learningworkflows_external_ap_get_object_test.png)


{% youtube IVaA85xS2E4 %}

Want to learn more? Watch other videos in the [Learning Workflows series](https://www.youtube.com/playlist?list=PLSAWywyhniCM6CKkp5vIiD0-pxSbdX71y).
HOW DID YOU EXPECT ME TO REACT :) 
Tags: react, javascript, juniordeveloper
Published: 2021-11-15 18:35:29

 ## FRONT END AAAHHHH
 we made it to front end, Not going to lie and it might be easy to tell but I much prefer front end, it just make so much more sense to me, I also love using CSS to apply design to a web page.

## about the week
first thing we learned about in front end was the DOM, although I have previously learned about and worked with the DOM for fun it was nice to get a refresher as always.

We learned how to interact with the DOM, how to get elements from it and how to add elements to it. we then moved onto Form Validation, I really enjoyed theses sessions because I feel like up till now I haven't really shown the tutors on the bootcamp how much I already know, I feel like I was able to interact with the lectures a lot more than usual which was awesome.

## Onto React

Wednesday onward we shifted gears to learn react, this is something I always knew wad the next step to learn in my front end journey, up until now it has seemed like this enormous thing that was difficult to learn, nice to know I was partly wrong, it IS an enormous thing in terms of functionality, but the tutors have so far broken the concepts down into easy to follow sections, and as always they make sure everyone in the lecture is on the same page before introducing a new part to us.

all this is amazing and I'm still really having a blast learning but I do want to bring up something negative this time.

## Kata's
Last week we had CSS Kata's which were incredibly fun, However. Over the past few few weeks I've been increasingly concerned about my own ability to complete Kata's, a lot of the times I find myself spending a lot of the morning Kata time Researching the problem more than doing them.

I know there is nothing wrong with learning about the theories they cover but I really worry that its going to have an affect on me when it comes to interviews, I feel like no matter how much of the more practice code I can write, I'm going to fail massively in any of the more theoretical style tech tests I might encounter, I would love to hear if anyone else struggles with them and for anyone unsure what a kata is think Code wars and leetcode.

Scott
Automatic build and publish documentations on Github Pages
Tags: actionshackathon21, github, mkdocs, python
Published: 2021-11-15 18:33:23

### Build documentations workflow
With any project you work on, especially an open source project, **documentation** should be one of the most important things to do. It helps the end-users understand how to use the application, it helps the new developers understand how to work with the project, ... 

With [MkDocs](https://www.mkdocs.org/), we can maintenance the documents easily. Just write documentations in Markdown, and it will build it into HTML static pages for you. Beside it, with the help from [GitHub workflows](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions), we can also build the documentations automatically on every push into our GIT repository.

I'd like to share with you my workflow to build documentations. It will listen for changes on documentation files (*.md), then build it and publish it into Github Pages.

![Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ubefi8yguuhoi4qnlsby.png)

### Submission Category: DIY Deployments

### Yaml File or Link to Code

{% github https://github.com/ActionsHackathon21/build-documentations %}

- README: [https://github.com/ActionsHackathon21/build-documentations/blob/main/README.md](https://github.com/ActionsHackathon21/build-documentations/blob/main/README.md)
- Workflow file: [https://github.com/ActionsHackathon21/build-documentations/blob/main/.github/workflows/build-documentations.yml](https://github.com/ActionsHackathon21/build-documentations/blob/main/.github/workflows/build-documentations.yml)
- License: [https://github.com/ActionsHackathon21/build-documentations/blob/main/COPYING](https://github.com/ActionsHackathon21/build-documentations/blob/main/COPYING)

### Configuration
- You can config the branch which holds the documentations with `DOCUMENTATIONS_BRANCH` variable. 
- You can also configure the branches which you want to run this workflow, with `branches` key.
- To configure the Github pages, you can go to **settings** > **pages** > **Source** and choose the documentation branch.
New to crypto creation
Published: 2021-11-15 18:33:17

Hi, 
So i watched a YouTube video on how to create a coin on BSC.
So i created it, it's on PancakeSwap now but i have many questions..

First of i want to verify my contract but when i paste the  Contract Source Code i get the error : 

 Error! Unable to generate Contract ByteCode and ABI
 Found the following ContractName(s) in source code : Token
 But we were unable to locate a matching bytecode (err_code_2) 

And this Compiler Warning : 

(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lt7s19fzgqubapejzo7n.png)
 

I also would like to know what is the minimum ammount to have  an adequate liquidity present and how can i burn tokens ?

Sorry if i ask too many things but i'm completly new to these things and i don't want people to buy my crypto until i don't get 90/100 score on Token Sniffer... 

Thanks !
Modern chatroulette app open source
Tags: go, opensource, dart, flutter
Published: 2021-11-15 18:25:02

Im doing this project open source https://github.com/LorenzoTinfena/chat-and-meet-server
https://github.com/LorenzoTinfena/chat-and-meet-client

Server in go, client in flutter, with grpc protocol for APIs, im not good in frontend and i don't like it, but I wanted to do this open source project cause most chatroulette app don't offer the possibility to choose age, gender, ecc. (maybe for payment).
the main purpose when it will (if it will) be published, is to let every possible service free for everyone
Automatic China A.I Future
Published: 2021-11-15 18:19:07

China's intelligent machines already exceed human intelligence. They are already better at playing chess, solving math problems, understanding conversations, and giving people their correct medication doses.

The world’s first large-scale computer experienced it all in 2007. During its brain scan, Professor Xu gave them a sentence to read aloud. The computer responded with the words "I'm sorry I can't do that." Its artificial intelligence proved to be superior to humans in understanding this sentence without any problems.
Read more about the future of China's intelligent machines here!
Write an introduction to an informative and factual blog post titled "Why GM Cars Might Soon Be Powered by Artificial Intelligence". Your blog post should be about 200-300 words and should include an introduction, body and conclusion.
Source: https://www.unionwells.com
How to combine event methods in one in React.js?
Tags: react, javascript
Published: 2021-11-15 18:16:08

![React.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v37utqkv15swfy1vdjud.jpg)

Consider you have multiple buttons having several `handleClick` methods as below:
```jsx
<button onClick={handleClick1}>Lorem Ipsum 1</button>
<button onClick={handleClick2}>Lorem Ipsum 2</button>
<button onClick={handleClick3}>Lorem Ipsum 3</button>
...
```
Thus, what's the problem?! You may have faced it! Consider if you have 100 buttons, you should declare 100 `handleClick` methods!

Let me show you a simple and elegant way for the problem above.

## Use `name` Attribute
Due to *w3schools.com* defintion:
> the `name` attribute specifies a name for an HTML element and can be used to reference the element in JavaScript.

Therefore first, I rewrite the code above and two important changes will be in your sights:
1. One method has been declared for `onClick` events called `handleClick`
2. I've used `name` attribute along with different values
```jsx
<button onClick={handleClick} name="LI1">Lorem Ipsum 1</button>
<button onClick={handleClick} name="LI2">Lorem Ipsum 2</button>
<button onClick={handleClick} name="LI3">Lorem Ipsum 3</button>
...
```
Then, I write `handleClick` method:
```javascript
const handleClick = (e) => {
    (e.current.name === "LI1") ? (DO SOMETHING 1) :
    (e.current.name === "LI2") ? (DO SOMETHING 2) :
    (e.current.name === "LI3") ? (DO SOMETHING 3) :
    ... :
    (Else);
}
```

Boom! Now compare the code above with the another one. Simplicity and optimization are shining and working like a charm indeed! :)

*You can or may want to connect with me through the networks I've put on my website:* **[Ali Bahaari's Website](https://alibahaari.github.io)**
Pycraft Progress report #1
Tags: programming, python, gamedev, opensource
Published: 2021-11-15 18:14:42

Hi there, this is PycraftDev here, and this is a progress update for Pycraft. This is slightly out of sync with twitter (where I also share my progress) but the content should be similar!

Pycraft then, well I have changed the object that the HUD is rendered on from a plane to a VBO, this is practice to see if I can create a second, it also brings back some of the performance we lost adding a HUD. However, this led to the issue of rendering textures of an object, something I've been struggling with for some time, however at 7:59 on the 14/11/2021 (DD/MM/YYYY), I cracked texture rendering to an object, after about 2 hours of frustration, this also means that now I'm really close with the new solution to where I was at the end of yesterday, only much faster and hopefully a little bit more optimised. I had to use a VBO because they allow me to fix the objects position both relative to the X, Y and Z coordinates as well as in rotations, as a HUD isn't very helpful if your turn around and it moves with the game and doesn't stick to the camera eh!

Now in addition to this I am very close to a solution to rendering the grass texture to the terrain, something that was implemented back I think even before Pycraft v0.8 (around the summer of this year), but the texture would only pick the most common colour and render that, however that I think I'm close to a fix. Also, whilst I was in the mood to tackle textures, I've also removed the strange borders around the sky box's panes, as there is a "pencil line" around any drawn object and this can be modified fairly easily (you can see this effect on an image attached below) however you might consider this a small change but small changes add up!
![A photograph showing the effect mentioned above with the skybox border](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zp6788vly21l49m6wqyv.png)
Today has seen more dramatic changes that make a big difference to the game, and I'm ticking off lots of the tasks on the time line towards Pycraft v0.10 (on my GitHub page here: https://github.com/PycraftDeveloper/Pycraft) even though I'm not doing them in the order I set out originally Although I'll try my best to stay organised and keep the project on track! Pycraft can, once again be
found here: https://github.com/PycraftDeveloper/Pycraft and hopefully Pycraft v0.9.3 will be released soon, although I still have to sort out time and weather events! Thank you
And thanks also to my wonderful followers and team on twitter that help make this project happen!
Laravel 8.70 Released ( can() - date_format )
Tags: php, laravel, programming, beginners
Published: 2021-11-15 18:12:26

Let's get started quickly
Taylor Otwell contributed a can() method for route definitions as a convenience. The authorization via middleware documentation has an example of using this method:
```php
// Using the middleware method
Route::put('/post/{post}', function (Post $post) {
    // The current user may update the post...
})->middleware('can:update,post');
 
// Using the new can() method
Route::put('/post/{post}', function (Post $post) {
    // The current user may update the post...
})->can('update', 'post');
```
Validation component updates
Now accepts multiple date formats separated by a comma
```php
$request->validate([
  'date' => ['date_format:y-m-d,m-d']
]);
```
I hope you enjoy the code.
Cash App - The easiest way to send/receive, spend, banking, and invest
Published: 2021-11-15 18:00:47

Do you feel lazy to pay bills or want to place an order online? All these operations can be done through the one-time login cash application. Don't know what the Cash app is and how to start using it? Get all the relevant information here and enjoy the greatest benefits of this popular digital payment application. In this article, we have summarized all the important details for users who are not familiar with Cash App and who are interested in knowing the details of how to apply Cash. If you follow all the instructions in this article carefully, you will be able to use this application without encountering any problems.

Cash App is a widely used digital payment service. You can use it to conduct safe, fast and easy transactions via your computer or mobile phone. The payment application is part of the acquisition of Square Inc. It considers itself a reputable banking service provider. This trusted application is used by millions of users every day because it allows them to send and receive funds easily. What's interesting is that even if you don't have a verified account, but the cash app cap is lower, you can still use this app. Not only that, you can also set up two-step verification to add an extra layer of security when logging into the Cash app. For more details, please visit: https://appsapknew.com/
React: Use a Ternary Expression for Conditional Rendering
Tags: javascript, react, beginners, webdev
Published: 2021-11-15 17:51:14

* The ternary operator is often utilized as a shortcut for `if/else` statements in JavaScript. 
* Ternary expressions can be a great alternative if you want to implement conditional logic within your JSX. Ternary operator has three parts, but you can combine several ternary expressions together. Here's the basic syntax:
```
condition ? expressionIfTrue : expressionIfFalse;
```
* In this lesson FreeCodeCamp wants us to set up a ternary expression that implements the following logic: when the page first loads, render the submit button, `buttonOne`, to the page. Then, when a user enters their age and clicks the button, render a different button based on the age. If a user enters a number less than 18, render `buttonThree`. If a user enters a number greater than or equal to 18, render `buttonTwo`.
* First we have to initialize the state of `CheckUserAge` with `input` and `userAge` both set to values of an empty string.
```React
const inputStyle = {
  width: 235,
  margin: 5
};

class CheckUserAge extends React.Component {
  constructor(props) {
    super(props);
    // Change code below this line

    // Change code above this line
    this.submit = this.submit.bind(this);
    this.handleChange = this.handleChange.bind(this);
  }
  handleChange(e) {
    this.setState({
      input: e.target.value,
      userAge: ''
    });
  }
  submit() {
    this.setState(state => ({
      userAge: state.input
    }));
  }
  render() {
    const buttonOne = <button onClick={this.submit}>Submit</button>;
    const buttonTwo = <button>You May Enter</button>;
    const buttonThree = <button>You Shall Not Pass</button>;
    return (
      <div>
        <h3>Enter Your Age to Continue</h3>
        <input
          style={inputStyle}
          type='number'
          value={this.state.input}
          onChange={this.handleChange}
        />
        <br />
        {/* Change code below this line */}

        {/* Change code above this line */}
      </div>
    );
  }
}
```

* Answer: 
```React
class CheckUserAge extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: '',
      userAge: ''
}
```
```React
  render() {
    const buttonOne = <button onClick={this.submit}>Submit</button>;
    const buttonTwo = <button>You May Enter</button>;
    const buttonThree = <button>You Shall Not Pass</button>;
    return (
      <div>
        <h3>Enter Your Age to Continue</h3>
        <input
          style={inputStyle}
          type='number'
          value={this.state.input}
          onChange={this.handleChange}
        />
        <br />
        {
          this.state.userAge === ''
         ? buttonOne 
         : this.state.userAge < 18
         ? buttonThree
         : buttonTwo
        }  
      </div>
    );
  }
}
```