teleren/devto huggingface dataset:
Hacktoberfest: So Much More Than a Free T-Shirt & Planting Trees
Tags: hacktoberfest
Published: 2020-10-28 23:01:01

### An Introduction
I'm Tom Reifenberg, a recent coding bootcamp graduate shifting careers to software development from landscape architecture. Joining Hacktoberfest has been an excellent opportunity to hone my new skills, search Github for cool projects, and lend a hand with some code tweaks to make everything run a bit smoother.

### Progress

I'm thrilled to say I've accomplished the four pull requests needed to succeed, look at that victorious picture of a grooving parrot, and eagerly await the arrival of a slick looking shirt celebrating the event! 

I have a few bonus pulls (and quite a few that fell outside of the Hacktoberfest tags), but I'm still planning on getting a few more bonus contributions to have more fun with the open source community.

### Contributions

There were some nifty projects to help improve; a few were basic, like an introductory project where everyone contributes inspiring codes to a database, but others dive a bit deeper; for example, I'm in the process of helping build a stock price checker that links up to NASDAQ's database. 


### Reflections
Hacktoberfest has been a blast! I saw in the first few days that there was a rush toward spammy contributions, but it's so great to see how the event organizers reshaped the fest around project maintainers; instead of having thousands of people spamming every open source project, it's so smart to have maintainers tag repos in support of Hacktoberfest.

I'm looking forward to participating again next year! It will be interested to see how much my coding skills have grown between now and then, plus I hope to have a few projects available for everyone to enhance.
Site Wish: Code Editor + Code Golf + Rosetta Code
Published: 2020-10-28 22:55:51

I wish there was a site where a user could specify the input and output of some code. Users or the author of the challenge could then submit bodies of code in any language that satisfies the output. 

The site would run the code and verify the solution passes the test. Users could the submit alternative solutions to the same problems and in any programming language.

This results in the following:

* A way of measuring "Code golf", to explore a solution with the smallest number of characters. 
* A benchmarking tool. Comparing solutions and allowing a way to check the most performant. 
* Help people learn programming. Once solutions for a given problem are created different languages, people can compare languages they know and ones they don't to possibly learn another programming languages, or point out differences / similarities across languages.

## Rosetta Code

This last idea isn't new [Rosetta Code](https://en.wikipedia.org/wiki/Rosetta_Code) is a wiki site that has examples of how to do the same thing across programming languages. For instance here's how to do a simple for-loop in C++ and in bash:

```c
for(int i = 0; i < 5; ++i) {
  for(int j = 0; j < i; ++j)
    std::cout.put('*');
 
  std::cout.put('\n');
}
```

```bash
for i in {1..5}
do
  for ((j=1; j<=i; j++));
  do
    echo -n "*"
  done
  echo
done
```

I'd love if there was a site that instead of of just having these samples, actually verifiably executed and passed a specific criteria.

## Hacker Rank

[Hacker Rank](https://www.hackerrank.com/) is a tool that allows companies to provide coding challenges to candidates and has a code editor interface and compares the written code against some set of output criteria, which is very similar to what would be required here.

There are things that are similar to this idea but nothing fully hits the nail. The site would need an enormous amount of compute to evaluate the code samples, which would be potentially very costly. 

Let me know if something like this already exists, if not perhaps we can make it happen together? Drop me a line.
pnpm and package-lock.json
Tags: discuss, webdev, javascript, typescript
Published: 2020-10-28 22:40:45

I just started to use pnpm as an alternative to npm and it's great!

However, I quickly ran into a problem: pnpm creates a `pnpm-lock.yaml` file and it doesn't update my old `package-lock.json`.

So here is what I could do:
- Get rid of my `package-lock.json` (so that I don't need to keep it up to date anymore) and keep the `pnpm-lock.yaml` but I "force" people to use pnpm
- Remove both lock files and pretend that "it's a library so it should always be up to date" (from a comment below [this question](https://stackoverflow.com/questions/54970665/automatically-updating-package-lock-json) on StackOverflow)
- Keep both files but I need to manually update the `package-lock.json` with npm because pnpm doesn't support it

For now, I disabled the creation of the pnpm lock file so that pnpm just acts for me as something which speeds up my installation process and I kept my `package-lock.json` file.

I think this question is also applicable to someone who uses yarn, so I searched for it and found in [this answer] (https://stackoverflow.com/a/44904494/3970387) that there is a `yarn import` command which creates a yarn lock file from a npm lock file. There is exactly the same command with pnpm (but it creates a pnpm lock file, obviously).

The problem is that it would force me to use something that I don't want to use anymore (npm) to be able to please others.

What do you think about that? Maybe you have another solution?

**Edit:**

Here's the answer of pnpm's creator:

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">You should always commit a lockfile. If you use <a href="https://twitter.com/pnpmjs?ref_src=twsrc%5Etfw">@pnpmjs</a>, you should commit pnpm-lock.yaml.<br><br>You should not commit lockfiles of other package managers. So if you commit pnpm-lock.yaml, remote package-lock.json or yarn.lock.</p>&mdash; Zoltan Kochan 🇺🇦🇭🇺 (@ZoltanKochan) <a href="https://twitter.com/ZoltanKochan/status/1321761596050493440?ref_src=twsrc%5Etfw">October 29, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
If you're freelancing, you need to track these metrics.
Tags: freelance
Published: 2020-10-28 22:39:16

---
title: If you're freelancing, you need to track these metrics.
published: true
description: Important metrics to make sure your business survives.
tags: freelance
//cover_image: https://direct_url_to_image.jpg
---

Hey everyone!

I just published a lengthy tweet about important data for freelancers:

https://twitter.com/connorbode/status/1321491561897586690

I would love a boost! If you like the content, follow me on Twitter and on IH for more.

Summary: I talk about metrics you should keep track of in your sales, project management, and accounting activities.
Fix the WordPress Dreaded White screen issue
Tags: wordpress, webdev, php, html
Published: 2020-10-28 18:28:39

There can be a number of reasons for WordPress white screen error to occur in a WordPress website as described by a post originally posted by <a href="https://www.wptechmaster.com/wordpress-white-screen-frontend/"> WpTechmaster White Screen Issue fix </a>, this is also known as the screen of death in some cases. We are going to analyze a few possible reasons for it below.

1.Plugin Malfunction

2.Php Version issue

3.Theme Malfunction

4 Permission Issue


1. <b>Plugin Malfunction Causing WordPress White Screen Frontend</b>

Sometimes Plugin Updates cause major issues to a website such as white screen error. In some cases, The WordPress dashboard would still be accessible from back-end however in majority cases that will also not work.

If WordPress back-end is working, Just login to WordPress and disable all the plugins in it. You should see your website now live however it will be disorientated because of no plugin being activated. Now start activating plugins one by one and see which plugin is giving the issue. Once you find that plugin, just deactivate it. You can debug issues with that plugin by checking support or installing alternate.

If your back-end of WordPress is not working:

-> Login to your hosting
-> Go to File Manager
-> Rename the plugins folder
-> Make a new folder with the name of plugins
-> Now your website will be live with no plugin
-> now move plugin one by one to the new folder and debug the issue the same as last time.

2.<b>PHP Version Issue Causing WordPress White Screen Frontend</b><br>

White screen error can also occur if you have a PHP version not compatible with the installed theme or WordPress version. You can easily do this fix by following steps

Logging into hosting Cpanel
Go to Php Setting
Now you will see an option for Php setting or in some cases you have to click Advance
Try to change to a previous version and see if it resolves the issue

3.<b>Theme Malfunction</b>

This issue comes in mostly when using free themes. When your theme automatically updates to an unstable version which is not compatible with your WordPress version. You can fix it by following steps

Logging into hosting Cpanel
Go to File Manager
Go to Wp Content and Theme
Rename the current theme folder
Check if the issue gets fixed if it is fixed. You should install the previous version of the theme

4.<b>Permission Issue</b>

Some hosts change permissions on your files when they find any suspicious activity. You can revert back the permissions easily by following the easy steps below:

Login to your FTP through FileZilla or any client you prefer
Select the folders and give them permission 755
Select remaining files and give them permission 644
Check the website it should be fixed
If the issue you are facing is not listed here, There can be possible other reasons. The most common of them is a virus attack. You can clean virus by contacting your hosting provider or installing the backup of your website. If you want to learn how to do it by yourself stay tuned to our posts as we are going to discuss it soon
Does your development workflow spark joy? How and why?
Tags: discuss, productivity, programming
Published: 2020-10-28 22:14:13

You can find many comparisons and lists about what may be the most popular programming language, framework, area of computer science. Or which skills are most sought after by employers, which ones will pay the most etc. 
Not as common are which ones spark most joy. What combination of tools (programming languages, libraries, frameworks, IDEs, supporting tools) makes you smile both on the outside and inside? Does the environment matter, where you sit, what type of room, which time of day you work?

What is important to you for an exciting development day and a great workflow?
Connect a Barcode Scanner to an Electron Desktop App
Tags: electronjs, qrcode, barcode, desktop
Published: 2020-10-28 21:40:11

[Electron](https://www.electronjs.org) is a cross-platform framework for building desktop apps with JavaScript, HTML, and CSS. 

In agricultural, industrial, and logistics integrated facilities, such desktop apps often need to read information from barcodes and QR codes printed on real-life physical objects. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vl9xt51vhm9vrjfe7ot6.jpg) 

Such barcodes and QR codes are scanned with a barcode scanner such as [Zebra DS4305 Digital Scanner](http://www.zebra.com/DS4308) connected to the computer with a USB connector.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3lntfhwskzlznpngi1w3.jpg)

Receiving the code into the Electron app turns up to be very simple. The scanner is viewed as a keyboard. 

So if you have in the HTML an `input` element,

	<input id="codeInput"/>
	
And we focus the program on the input field, using JavaScript,

	document.getElementById("codeInput").focus();
	
The scanner reads the code into the input field like it was typed in by the keyboard.
Blockchain music service cXc Music debuts “Gold Version” of Music Mapp, Teases Beta Release on WAX Blockchain
Published: 2020-10-28 21:26:19

### One Hive Dapp already turning heads gets a fresh, gilded makeover, and teases fans with what’s to come.

![](https://cdn-images-1.medium.com/max/2378/1*JXV2IeQy6V9-66j-q_KU6Q.png)

Today, Current X Change LLC released a new version of their flagship web app, **cXc Music Gold Version ([cxc.world](https://cxc.world))**. This release features an improved interface, with brand new map theme and updated dot styles. Gold Version is the final minor version of Alpha before cXc Music will move to the highly-anticipated **Beta** release, which will include advanced **geotemporal music charts** and an economic system built on the **[WAX blockchain](https://wax.io/)**.

cXc Music is a colorful mapp (map app) of music that any artist can use as a free platform to get their music heard. Gold Version features three new map styles:

 1. **Gold Version**, which will be the default until Beta is released,

 2. **Pumpkin**, a limited-time seasonal style, and

 3. **Pachamama**. In addition, the dots have been improved at the wider zoom levels, offering a better view of the spectrum of music around the world.

![Pachamama Style](https://cdn-images-1.medium.com/max/2058/1*TUSQnLqw-34vUIuL_rm4rA.png)

When an artist adds their music, by simply double-clicking the location recorded, it shows up as a small dot. As listeners upvote the music, **it becomes bigger**, increasing the chances a visitor will find it.

Already, the mapp is home to over a thousand pieces of unique music from around the world, which are color-coded by Genre. A quick look at cxc.world shows that the majority of music has been posted to United States and Europe, and the most popular genres are Hip Hop and Electronic.

## How to Apply a new Map Style

![](https://cdn-images-1.medium.com/max/2000/1*DmqHmYtnlAGOIGBx_mgQng.png)

Go to cxc.world 📱 + 💻

Click 🗺️ Style -> 🗺️ Background

CHOOSE

🟨 Gold Version 🟨 ⬛ 

🎃 Pumpkin 🟧 🟪

🌍 Pachamama 🟦 🟩

## cXc Music’s creator Douglas Butner had this to say about the release.
> # “Gold Version symbolizes the first ray of light shining as we open the door to the future. Minor release is mostly cosmetic, but it signals that we are just one step away from Beta, where the real magic starts.”

That magic is the world’s first curation system based on time-backed currency, a concept that Douglas believes will cause a massive redistribution of attention and information flow.
> # “Time-backed currency, given freely to each individual can be applied to re-shape how information flows and where attention goes. I believe this idea can change everything from media to society itself, and music is a wonderful place to start.”

Experience Gold Version at **[cxc.world](https://cxc.world) on mobile or desktop**.

## Press Info

**Release Date**
28 October 2020

**Company Info**
Current X Change LLC (cXc) is a software company based in Maryland, USA. For more info about cXc, visit [currentxchange.com](https://currentxchange.com/)

**Contact Info**
Douglas Butner
douglas@cxc.world
Day 244: Wednesday
Tags: hiphop, code, coding, lifelongdev
Published: 2020-10-28 21:21:50

_liner notes_:
- Professional : Got up early to sit in on a talk prep session. It was about making APIs better for developers. Learned a lot of good stuff. Worked on the demo project for my next blog post. Hooked up an Express server backend and was making calls to it from the frontend. Made a call to an external API and pulled that data and displayed it on the frontend. Pretty good progress. Also got to speak with a coworker that lives in Tel Aviv. It was a good talk and break from coding.

- Personal : After my early meeting, I went to drop off my ballot to the polling place. Cool thing about living in a van is that I can get to places early and hang out and get stuff done. The line was SOOOOO Long. Good thing I already had my ballot. I just walked up to the tent with the ballot box and dropped it in. Maybe took 3 minutes and most of that was the walk. Good to see people engaged in the political process. Would have been nice to see that during the primaries and non-presidential elections.

![View of the terrain at Kluane Nat'l Park, YT, Canada wit a forest in the foreground and mountains in the background under a sky full of white clouds.](https://dev-to-uploads.s3.amazonaws.com/i/py3l2wgngu8x5882i11k.png)

Going to keep working on my demo project. I want to try and show it at the team meeting tomorrow if possible. It's almost there. Just need to add some interactivity with one of our APIs. After that, I want to get the radio show submitted. Can't believe it's already Wednesday!

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube sedq-X6bshs %}
Understanding of SEO
Tags: seo, developer
Published: 2020-10-28 21:17:44

Hope you all have read my first article of this SEO series [**Want to know about seo** ](https://www.internetkatta.com/want-to-know-about-seo). 


> You’ll know that the basis for going into battle is to know your competition first
Keep your friends close but your enemies closer, the saying goes. In our SEO battlefield, we’ll look at competitive analysis and keyword research to start

**Three base of On Page SEO success**(These elements are in the direct control of the publisher) :

- Rich content(Quality, Research, Words, Fresh, Vertical, Answers, Thin)
- Best Architecture ( Crawl, Duplicate, Mobile, Speed, URLS, HTTPS, Cloaking)
- HTML( titles, description, structure, headers, stuffing)
Four base of Off Page SEO success (Elements influenced by readers, visitors & other publishers):

- Trust ( authority, engage, history, identity, piracy, ads)
- Links ( quality, text, number, paid, spam)
- Personal ( country, locality, history, social)
- Social ( reputation, shares)
 [Refer this PDF for details about base: ](http://searchengineland.com/download/seotable/SearchEngineLand-Periodic-Table-of-SEO-2015.pdf) 

**What is required** :

- Keyword research and heavy competitive analysis
- Build website search-engine friendly but also user-friendly
- We should know about our website “Value Proposition”
- We should know about who is our end use customer.
- Ensure easy navigation, a clear call to action and relevant content
- Page speed of home page and all important pages where - customer most of times deal their transduction or action
- Visitor should know what your site is all about in less than eight seconds.Even if you think your visitors are familiar with your product or service, you’ll still want to make it easy to navigate and user friendly.
- Website site-map should be good format
- URL of any pages/post should contains good keywords plus identity of page/post content
- All meta details ( description,keywords, h1, h2 ,strong, p tag)
- Headline/Title should contain keyword and proper identity of pages/posts
- Google plus business profile also help like other social profile ( explained here – https://blog.kissmetrics.com/simple-guide-to-seo/)
- Monitor your website goal and campaign report
https://www.redevolution.com/seo-explained 

**Tool for keyword** – https://adwords.google.com/KeywordPlanner
Using JavaScript Online / Offline Events
Tags: javascript, webapis
Published: 2020-10-28 21:11:11

---
title: Using JavaScript Online / Offline Events
published: true
description: In this tutorial, we'll take a look at the JavaScript Online Offline Events and how they can be used to detect whether the user has an active network connection.
tags: javascript, webapis
---

Originally published [here on YouTube](https://youtu.be/9RIA5Wws0bU).
(Please give me a thumbs up and subscribe if you found this useful or follow me on Twitter: https://www.twitter.com/codebubb 🙏).

00:00 Introduction
00:34 The navigator object
01:28 Setting up events
02:39 Updating a UI
05:00 Connection speed

So we'll start off our JavaScript tutorial by looking at the Navigator object and see how you can use the onLine property to determine the user's current network status.

Then we'll move on to looking at the JavaScript Online Offline events and see how you can set up a couple of simple event listeners to detect when the user's network connection changes.

Once you understand how the two JavaScript Online Offline events work, we'll create a simple example that demonstrates how to update a bit of UI to display to the user the status of the current network connection.

Finally, we'll take a look at the connection property that's also available on the Navigator object and see how you can use this to gain further information about a user's network connection.
My 1st Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-28 21:09:49

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### About Me
I am Kedar Sukerkar(Kedar27), working as an iOS Developer since 2018. Apart from iOS, I love programming in Javascript, Flutter, NodeJS. Currently working on creating open source framework in SwiftUI.


### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here → -->
Having nearly about 2 years of experience in coding, I had heard about hacktoberfest before but, didn't get enough time to participate in it, but this time, I took efforts to take part and complete it.

### Reflections
<!-- Overall, how has your Hacktoberfest 2020 experience been? If you’re a first-timer, will you participate again? What have you learned? Have you made any interesting connections? What is your next step in open source?  -->
Feeling great to finally complete it and would like to thank Digital Ocean for such great initiative. Would love to contribute more in future to keep up this good cause and spread knowledge. #opensource #digital-ocean

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/udfye2x8ew8ap5y1yeia.png)
Django Admin Interface
Published: 2020-10-28 17:19:02

---
title: Django Admin Interface
published: true
description: Django Admin Interface
tags: 
//cover_image: https://1.bp.blogspot.com/-A18sa8aWess/XukoJa77Q9I/AAAAAAAABQw/8_mY4LAQWbEDSj0O5vo4MvRNnHAnoIPswCLcBGAsYHQ/s1600/django-python-framework-file-open-read-write-file.png
---
https://www.my-courses.net/2020/06/django-administrator-interface-super.html
Fixing "Error - Application entry file `dist/src/main` ... does not exist" on Electron Builder.
Published: 2020-10-28 21:02:12

I got this error when I was trying to build an electron app with electron-builder:

```
Application entry file "dist/src/main" in the "/Users/username/appname/appname/electron-app/build/mac/pos.app/Contents/Resources/app.asar" does not exist. Seems like a wrong configuration.  
stackTrace=Error: Application entry file "dist/src/main" in the "/Users/username/appname/appname/electron-app/build/mac/pos.app/Contents/Resources/app.asar" does not exist. Seems like a wrong configuration.                  
```
So I did that for solving:

Into `package.json` my value to main was like that `"main": "dist/src/main"` then I changed to `"main": "dist/src/main.js"` and it was solved!