teleren/devto huggingface dataset:
New Feature Update 🎉
Tags: react, news, tailwindcss, html
Published: 2022-10-05 14:33:37


We introduce you, a **Theme Color Picker**! You can now select what color you want to grab your desired components from #tailwindcss current palette, through our Color Picker!

Check out the new feature and more at [https://wind-ui.com/](https://wind-ui.com/)
Development Source is hiring developers looking for a team
Tags: devops, html, css, react
Published: 2022-10-05 14:18:27

Hello,

We are looking for developers to join our team to create amazing things together. We are a solid and passionate team that likes to work on stimulating projects. If you're a developer looking for a place to grow and learn, we'd love to have you on our team.

We are looking for [developers ](https://maxime-guinard.com/blog/)who are proficient in various programming languages ​​and who are also passionate about learning new technologies. If you are someone who is always looking to improve your skills, we would love to have you on our team.

If you're interested in joining our team, please reach out to us on our discord or Maxouuuuu.#7316's personal discord and we'll get back to you as soon as possible.

Thank you for your interest and we hope to hear from you soon.

- My Website: https://maxime-guinard.com/
- My Github: https://github.com/MaximeGuinard
- My Youtube channel: https://www.youtube.com/channel/UCYhgeBbhMjhcVyPJpu2O2TQ/videos?view_as=subscriber

- My Discord Server (Help, sharing & web hosting): https://discord.gg/K2uUHdf
- My Server (Multigaming): https://discord.gg/KyzhMZUzUX
Does serverless means no server at all? The answer is Yes and No.
Tags: serverless, webdev, programming, aws
Published: 2022-10-05 14:11:35

To run any web application, one needs a server comprised of a physical machine connected to the network and software services running in that machine to serve the incoming request. The cloud providers initially removed the overhead of maintaining the physical servers. But the maintenance and scaling of these virtual software servers is still an application owner's responsibility.

In serverless, even the software servers are managed by cloud providers. The application owner develops the application and provides code to the serverless platform. The serverless platform takes care of the deployment and maintenance of the service.

In summary, there is always a server at the back for all web applications. But maintenance of the server (both physical and software) is moved to cloud providers in the serverless architecture.

Explore [SOMOD.DEV](https://somod.dev) to create applications in serverless ecosystem.
🤯 Wait... You’re building a code simulator?!
Tags: flutter, webdev, opensource, programming
Published: 2022-10-05 14:00:31

If you’ve been following me on Dev.to for the last few months, your probably asking yourself- where have you been? Well, I’ve been busy running a non-profit and so haven’t had the time to write. Sorry!

But, we’ve been working on some cool stuff and through the next couple of days we are going to be sharing it- so stay posted.

**What’s the code simulator?**
We’ve been working on a system similar to Repl.it but we came upon a realization: we need to run the code that people write with our tool. So, how do you run code?

Most companies that do REPL (Read Eval Print Loop), just use code execution engines in the cloud. These engines are just monolithic computers with tons of programming languages installed on them. Whenever a language needs to be run, it just uses the language’s CLI on the machine. But, this requires an internet connection.

A large number of the people using our application won’t have an internet connection, and so we have to build the system to work for these people too. We could put an entire code execution engine onto their computers, but that would take up way too much disk space. So, the alternative is simulating the behaviors of each programming language. 

The simulation is actually quite simple, we are just translating all of the code into a common Abstract Syntax Tree (a tree based way to store information about a program), and from there, we just interpret the Abstract Syntax Tree like it’s any other language. 

**Help if you can!**
This sounds really simple in practice, but it’s not. And so, if you have any experience working with flutter, dart, or programming languages, we could really use some help. Feel free to check out the project and contribute!

[Github URL](https://github.com/fairfield-programming/irishman)
[Irishman on Pub.get](https://pub.dev/packages/irishman)
Shopify Review: All The Pros And Cons You Need To Know
Tags: beginners, shopif, productivity, opensource
Published: 2022-10-05 13:42:34

Even if you are already operating an eCommerce business or are planning to build one, Shopify is a great solution. You should still consider its advantages and disadvantages to determine if it is the right platform for your online business.

Ø Why do business on Shopify?
There are a lot of great things about Shopify, including the fact that it's one of the best eCommerce platforms on the market today. You can sell products directly on your website, and sell them across a variety of marketplaces and social media.

Shopify has hundreds of built-in features and a lot of apps. There are a lot of different ways to sell products and services.
Anyone can start a Shopify business, whether they're a first-time seller or a large corporation like Harry's Razors (yes, Harry's Razors is one of Shopify's satisfied customers).

All you need is a goal, something to sell, and an internet connection, and you can have an online store up and running in a matter of days.

Read Full Article From Here >> [Click Here](https://www.ebiztrait.com/blog/shopify-review-all-the-pros-and-cons-you-need-to-know/)

[
![Get a Free Consultation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q2jo0uvqqssobjm959hw.jpg)](https://www.ebiztrait.com/shopify-development-company.html)
DevOps In Daily Life: Part 1
Tags: programming, productivity, tooling, career
Published: 2022-10-05 13:42:07


The time of year when I am applying to several internships. I'm browsing several blogs, YouTube videos, and feedback from various sources. To get the perfect output of "How to create the ideal resume and cover letter?" This is not a blog where I teach you how to write the perfect the professional documents(**pro-docs** like resumes and cover-letters). Instead I will help you save some time

I usually spend an hour or so researching and developing pro-docs rather than spending a whole day on it. Since, I improvise on almost daily basis, the pro-docs needs to be exported into PDF format. My preferred tool for creating pro-docs is Google Docs (**G-Docs**), which is a part of G-Suite. The PDF are then uploaded to a publicly available folder (Google Drive's Folder) so that I may distribute them on GitHub, LinkedIn, and other sites.

It becomes monotonous, dull, burdensome, boring, tedious to

1. Make a few changes everyday(until the pro-docs are prefect).
2. Download the updated pro-docs.
3. Delete the old ones from the folder.
4. Upload the updated pro-docs.

One strategy would be to distribute the pro-docs directly as a Google Doc's link rather than the PDF.
The above tedious and repetitive tasks are all over! Right? No, this creates a new set of issues.

1. **Need for PDF**: The majority of employment sites demand that you submit your professional documents in PDF format. The process of opening the link and exporting to PDF is still included.

2. **50% Complete**: If I haven't finalised all of the revisions, this document will be available online in a partially finished state.

3. **Streaming mistakes live**: If you are revising the pro-docs and someone is looking at your resume, in G-Docs, at the same time. They may watch mistakes and advancements being made in real time. It can occasionally be a little humiliating.

The monotonous, dull, burdensome, boring, tedious tasks that I mentioned, these can be automated!

![Mentos Life](https://raw.githubusercontent.com/busy-in-life/Blog-Image/main/DevOpsInDailyLife/MentoLife.jpeg)
_DevOps Zindagi*_


See [Part 2](https://dev.to/jammutkarsh/devops-in-daily-life-part-2-3bm5)
Free System Design Tutorials - javinpaul
Tags: design, tutorial, beginners
Published: 2022-10-05 13:31:58

####   Original Tweet  [@javinpaul](https://twitter.com/javinpaul)
{% embed https://twitter.com/javinpaul/status/1576497665075863553 %}
Free System Design Tutorials by [@alexxubyte](https://twitter.com/alexxubyte) 
1. YouTube Design Tutorial - {% embed https://bit.ly/3bbNnAN %}
2. design a Chat system - {% embed https://bit.ly/3SbA9Eu %}
3. Scalability - {% embed https://bit.ly/3C17oTN %}
4. System Design Framework - {% embed https://bit.ly/3C4rRXI %}
ByteByteGo - {% embed https://bit.ly/3P3eqMN %} ![Twitter Image 1](https://pbs.twimg.com/media/FeDXfrvUoAAQc9g.jpg) 

1. YouTube Design Tutorial - {% embed https://bit.ly/3bbNnAN %} ![Twitter Image 1](https://pbs.twimg.com/media/FeDXldyVQAAIZl1.png) 

2. design a Chat system - {% embed https://bit.ly/3SbA9Eu %} ![Twitter Image 1](https://pbs.twimg.com/media/FeDXr-CVIAA7zVA.jpg) 

3. Scalability - {% embed https://bit.ly/3C17oTN %} ![Twitter Image 1](https://pbs.twimg.com/media/FeDX3fJVEAgIXHf.jpg) 

4. System Design Framework - {% embed https://bit.ly/3C4rRXI %} ![Twitter Image 1](https://pbs.twimg.com/media/FeDYIbZUAAErSJj.png) 

Learn more @ ByteByteGo - {% embed https://bit.ly/3P3eqMN %} 

##### Click [Here](https://www.knowledge-twitter.com/?utm_source=dev.to)  For More Posts Like This [https://www.knowledge-twitter.com](https://www.knowledge-twitter.com/?utm_source=dev.to)
Day 15-16: Better than Swagger UI (repaired)
Tags: 100daysofcode, devjournal, openapi
Published: 2022-10-05 13:29:46

Let's start with the result to pike your interest. Here is a screenshot. 

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

You can also see it in action [here](https://api.passwordless.id/)

Please note that this is work in progress, it will change in the coming days and weeks. This is just a peek preview.

If you do not know what this is, it is a UI for an OpenAPI specification. Somehow IMHO OpenAPI and the related Swagger is getting worse rather than better over the years, but it is still incredible and irreplaceable because of the tooling surrounding it.

One of the main tooling is of course this interactive documentation to experiment with APIs directly by sending requests and watching responses. What I find a pity though is that Swagger UI, the default UI and father of OpenAPI, does not look as good as in its early versions. However, fear not, there are plenty of alternatives. The one I favor, which is depicted in the screenshot, is [RapiDoc](https://rapidocweb.com/index.html). Try it out, it's good!

Besides of this, OpenAPI has lots of other very practical tooling. It can be used to generate client libraries in various programming languages, or to be imported in various third party tools, ranging from testing tools to integration platforms.
Storing multiple vectors per object in Qdrant
Published: 2022-10-05 13:02:33

In a real case scenario, a single object might be described in several different ways. If you run an e-commerce business, then your items will typically have a name, longer textual description and also a bunch of photos. While cooking, you may care about the list of ingredients, and description of the taste but also the recipe and the way your meal is going to look. Up till now, if you wanted to enable semantic search with multiple vectors per object, Qdrant would require you to create separate collections for each vector type, even though they could share some other attributes in a payload. However, since Qdrant 0.10 you are able to store all those vectors together in the same collection and share a single copy of the payload!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vn0ssb87sodf37n6kyja.jpeg)
Read more in the [**article**](https://blog.qdrant.tech/storing-multiple-vectors-per-object-in-qdrant-c1da8b1ad727) written by Kacper Łukawski
Why is PHP not dying? [7 Reasons Why PHP is a Preferred Choice for Millions of Businesses]
Tags: php, programming, webdev
Published: 2022-10-05 13:00:46

Over the past two decades, PHP has established itself as a powerful server-side scripting language and it has become the favorite choice for developers to create websites of all types.

Why the hell are we stuck to PHP for Web Development?
Is PHP necessary for Web Development? 
Do we have no other options?

Are these questions buzzing in your mind?

Let’s discuss this in-depth to find an answer.

Besides PHP, Java and Python are other popular general-purpose scripting languages. W3TECH reports that 77% of all websites use PHP, followed by java with 4.5%, and Python with 1.4%.
Reasons Why PHP is a Great Choice for Millions of Businesses?

1) Flexibility
2) Compatibility
3) Scalability
4) Well-documentation
5) Well-supported
6) High-performance
7) Quick

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

Read all the reasons in detail: https://bit.ly/3yEYRVZ

PHP is designed to be simple and its priority on usability makes it a great choice for small businesses and large enterprises just the same. Let us take some well-known examples that use PHP for web development.

These are lists of the world’s most popular websites that are built using PHP

**WordPress:** 35,47,741 WordPress websites also use PHP.

**Wikipedia:** The core & powerful platform of Wikipedia- MediaWiki, is written in PHP.

**Slack:** The chief architect at Slack refers to PHP-the-language might have flaws, but PHP-as-environment has virtues to compensate for the flaws.

**MailChimp:** As an email marketing service company, they affirm that PHP is the most sophisticated framework for their environment.

**Spotify:** By the use of Symfony2, Spotify made it easier for the users to get the music faster by reducing the search time.

**Canva:** Canva was built on PHP-only, later integrated with Node.js to stretch its feature set. Although a majority of Canva back-end tasks are still taken care of by PHP.

**Etsy:**  With over 96.3 million active buyers, Etsy has become one of the top ten most popular retail PHP websites in the US.

PHP is indeed an old programming language, but it is equally remarkable that PHP has spread its wings. This has brought a lot of enhancements to the of use PHP in web development.

So if you are planning web development in PHP, our professional team of web development experts with rich and extensive experience in different web projects will take care of your requirements from ideation to final delivery.
Change your old methods for writing a JavaScript Code - Shorthand's for JavaScript Code
Tags: javascript, webdev, beginners, programming
Published: 2022-10-05 12:51:29

### 1. Shorthand for if with multiple OR(||) conditions
```javascript
if (car === 'audi' || car === 'BMW' || car === 'Tesla') {
    //code
}
```
In a traditional way, we used to write code in the above pattern. but instead of using multiple OR conditions we can simply use an array and includes. Check out the below example.
```javascript
if (['audi', 'BMW', 'Tesla', 'grapes'].includes(car)) {
   //code
}
```
### 2. Shorthand for if with multiple And(&&) conditions
```javascript
if(obj && obj.tele && obj.tele.stdcode) {
    console.log(obj.tele .stdcode)
}
```
Use optional chaining (?.) to replace this snippet.
```javascript
console.log(obj?.tele?.stdcode);
```

### 3. Shorthand for checking null, undefined, and empty values of variable
```javascript
if (name !== null || name !== undefined || name !== '') {
    let second = name;
}
```
The simple way to do it is...
```javascript
const second = name || '';
```
### 4. Shorthand for switch case to select from multiple options
```javascript
switch (number) {
  case 1:
     return 'Case one';
  case 2:
     return 'Case two';
  default:
     return;
}
```
Use a map/ object 
```javascript
const data = {
  1: 'Case one',
  2: 'Case two'
};
//Access it using
data[num]
```
### 5. Shorthand for functions for single line function
```javascript
function example(value) {
  return 2 * value;
}
```
Use the arrow function
```javascript
const example = (value) => 2 * value
```
### 6. Shorthand for conditionally calling functions 
```javascript
function height() {
    console.log('height');
}
function width() {
    console.log('width');
}
if(type === 'heigth') {
    height();
} else {
    width();
}
```
Simple way 
```javascript
(type === 'heigth' ? height : width)()
```

### 7. Shorthand for To set the default to a variable using if
```javascript
if(amount === null) {
    amount = 0;
}
if(value === undefined) {
    value = 0;
}
console.log(amount); //0
console.log(value); //0
```
Just Write 
```javascript
console.log(amount || 0); //0
console.log(value || 0); //0
```
2Captcha…Let's Talk!
Published: 2022-10-05 12:28:00


Ever automating the web, the login systems, and everything and suddenly your app crashes, as it was unable to bypass the Captchas? Oh…I see that's you! Well, you're in luck - I recently faced a similar problem and I see I've found a decent solution! I present to you 2Captcha!

## What is 2Captcha?
2Captcha is human based anti-captcha service. Therefore captcha solver can help bypass any captcha verification. 2Captcha also provides API's for many programming languages like Python & JavaScript, which will allow you to bypass captchas for whatever reason. It's fairly simple to use, and you can find some decent blog posts which will guide you through the API. The 2Captcha documentation can also be referred to.

**GitHub Docs**: https://github.com/2captcha/2captcha-solver
**2Captcha Docs**: https://2captcha.com/2captcha-api

## Getting Started
Pretty straightforward, not the classical signup process. However, they will ask you for 3 options… you are a Customer, a Worker, or a Developer. The below illustration will help you understand who you are! And you can register here: https://2captcha.com/auth/register


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



## What can it do?
For starters, it can solve Captchas via the API's built-in Python. As you see in the worker's section above, these people solve these Captchas and in return, they are paid, but I won't be talking about them. You can find more about working for them on their website.
Below are some of the Captcha's it can solve with its awesomely built API - well, not some, ALOT! From Normal to Puzzly Captchas, 2Captcha has got you covered. It really is mind-blowing.


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



Anyways, you might be wondering - how the hell I get started with the API, and as I said, 2Captcha is well documented. Below is an image, showing how to solve the KeyCaptcha with Python, using the API - pretty straightforward. Below, I have also referred to some blogs, which you can use to learn more about the API.


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



## Some References
How to bypass "slider CAPTCHA" with JS and Puppeteer - https://filipvitas.medium.com/how-to-bypass-slider-captcha-with-js-and-puppeteer-cd5e28105e3c

Bypassing hCaptcha with Python -
https://dev.to/kentavr009/bypassing-hcaptcha-with-python-4ghh

There is a wide recourse that'll help you get started with API, so it's just the motive for starting! 
Best of Luck & See you later!

*Note: This is a sponsored blog by 2Captcha*

*Muhammad Anas*
Building a whive node (Part 2)
Published: 2022-10-05 12:23:25

This tutorial continues from Part 1 which can be found here make sure you go through it before going through this.

## Step 8: Generating a whive address

We then need to create an address in which we can use to receive whive tokens. You can do this by running
```
whive-cli getnewaddress
```

On the same directory which is whive/src folder. This will output an address that we will use later.

## Step 9: Getting cpuminer

Change your directory to the home directory and clone the cpuminer directory.
```
cd 
git clone https://github.com/cryptozeny/cpuminer-mc-yespower.git
```

## Step 10: Installing the cpuminer dependencies

Some dependencies are needed so that we are able to build the cpuminer. Run the following commands to install the dependencies.
```
sudo apt-get install build-essential libcurl4-openssl-dev 

```

## Step 11: Building cpuminer

Once the dependencies are installed, we can now build by running the command
```
./build.sh
```

## Step 12: Running cpuminer on your local raspberry pi

Cpuminer can be set up to run on the raspberry pi itself. To do this we run the following command with the address we generated earlier.
```
./minerd -a yespower -o http://127.0.0.1:1867 -u whive -p pass --no-longpoll --no-getwork --no-stratum  --coinbase-addr=generatedaddress -t 3
```

Give it some time. You should be able to see some logs indicating that some rewards are coming in.

## Step 13: Joining a mining pool

It is also possible to join a mining pool to increase the odds of getting mining rewards. We can do this by running
```
./minerd -a yespower -o stratum+tcp://34.73.100.13:3333 -u generateaddress.w1 -t 3
```

Give it some time. Once we have let it run for a line, we can go to the site http://34.73.100.13/workers and check if our generated address shows up.

# Conclusion

With this walk through, we were able to
 - Install raspbian os on the raspberry pi and access it
 - Install whive dependencies and build it
 - Run whived
 - Create a whive address for payment
 - Install cpuminer dependencies and build it
 - Run a cpuminer and mine locally
 - Join a whive mining pool

## References

Guide on mining https://whiveio.medium.com/a-guide-on-mining-whive-rewards-with-your-cpu-7e3289e11db7
Running a whive node on a raspberry pi https://peterokwara.hashnode.dev/running-a-whive-node-on-a-raspberry-pi-ck6ix8ssv00k5d9s1m5qoj1fl
Whive pool http://pow.melanin.network/getting_started
Raspberry pi operating system https://www.raspberrypi.org/software/operating-systems/
Raspberry ip ip address https://www.raspberrypi.org/documentation/remote-access/ip-address.md
Ssh access on raspberry pi https://www.raspberrypi.org/documentation/remote-access/ssh/README.md
Raspberry pi installation https://www.raspberrypi.org/documentation/installation/installing-images/README.md
Whive https://github.com/whiveio/whive
Cpuminer-yespower https://github.com/whiveio/cpuminer-mc-yespower
Carbon Accounting Software Basics: Benefits, Features, and the Reasons to Use
Tags: webdev, sustainability, carbonaccounting
Published: 2022-10-05 12:19:15

🌍 Accurately measure your GHG emissions to understand the climate impact of your organization and set goals to limit its harmful effects. Discover how using carbon accounting software 🌳📊 can transform your sustainability efforts and what features are essential to derive maximum value from adopting this green digital solution ⬇️
[Read here](https://apiko.com/blog/carbon-accounting-software-features-and-benefits/?utm_source=DevTo&utm_medium=carbon-accounting-software&utm_campaign=blogpost
)