teleren/devto huggingface dataset:
Hacktoberfest 2021 with Process Analytics
Tags: hacktoberfest, news, bpmn, analytics
Published: 2021-09-30 13:54:43

Hello everybody 👋

The Process Analytics team is participating in [*Hacktoberfest 2021*](https://hacktoberfest.digitalocean.com/), as we did for [*Hacktoberfest 2020*](https://dev.to/marcin_michniewicz/hacktoberfest-challenge-398g).

Please help us to improve the project with your contributions and ideas.

## The Process Analytics project

Our spearhead project is [*bpmn-visualization*](https://github.com/process-analytics/bpmn-visualization-js/) 🔱, a TypeScript library for visualizing process execution data on [*BPMN diagrams*](https://www.bpmn.org/). It comes with a companion [*examples*](https://github.com/process-analytics/bpmn-visualization-examples/) repository ✨.

For Hacktoberfest, we propose for you to work on topics like extending the BPMN Support, improving the BPMN elements design, providing overlay interaction features, or others - we have more to suggest.

![bpmn-visualization hightlighing the path to the current running task](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ft4485t5lmtvp9jgft5p.gif)

R users 📈 will be interested in [*bpmn-visualization-R*](https://github.com/process-analytics/bpmn-visualization-R/), the R package for visualizing process execution data on BPMN diagrams, using overlays, style customization and interactions.

If you are more into design 🎨 and project content 📜, check the [*Process Analytics website*](https://github.com/process-analytics/process-analytics.dev/) repository. 💕

## Promoting HacktoberFest 2021

To celebrate Hacktoberfest 2021 🥳, we have developed a small application to promote the event. You can easily adapt a customizable diagram so it contains your project name, and choose between light and dark different themes! 🎉

![Hacktoberfest BPMN diagram in action](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/od7xr4ax8mon64vf6d66.gif)

Feel free to use it for your own communication (we will be happy if you mention us on [*Twitter*](https://twitter.com/ProcessAnalyti1) with a link to our [*website*](https://process-analytics.dev/) 🤗 ). It is available in our ⏩ [*live demo*](https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/v0.19.2/demo/hacktoberfest-custom-themes/index.html).

## Even if you don’t code!

Remember that an Open Source contribution is not necessarily about code.
Have a look at [*How to Make Non-Code Contributions to Open-Source Projects*](https://dev.to/navendu/how-to-make-non-code-contributions-to-open-source-projects-35nj) for some insights.

If you have any questions - let us know directly on [*GitHub*](https://github.com/process-analytics?type=source) issues or via [*Twitter*](https://twitter.com/ProcessAnalyti1).

Keep in touch with the Process Analytics team. We are here for you!
All about HACKTOBERFEST
Tags: hacktoberfest, beginners, github, androidclub
Published: 2021-09-30 13:47:10

Hacktoberfest-What, When, Where....

It's a month long event where people contribute to open-source projects. If you want to win amazing rewards, goodies and also gain the experience of working on open-source, Hacktoberfest is the one for you.
Go ahead and read all about it from the Link given below....

{% link https://dev.to/sarveshd7/hacktoberfest-where-tech-becomes-fun-bj9 %}
Exploiting Google Images To Search For a Data Science Content
Tags: datascience, learning, search, beginners
Published: 2021-09-30 13:46:05

Over the last years, searching on Google for the right answer to our questions has become one of the most challenging tasks. No matter which problem you have. The ability is finding the right answer on the Web.

Data Scientists have the same problem: whether they have to solve a problem in the code, or if they are looking for the best graph to tell their data, they always have a tab open on their preferred search engine.

In this short article I show you the following strategy to improve your searches by exploiting Google Images:
* formulate your problem
* translate it into a question
* browse the first level of results
* focus on the answer to your problem

# 1 Formulate your problem
The first step towards searching for the right answer is the problem formulation. Possible problems for data scientists may involve:
* implement a given function in Python/R
* improve the performance of a Machine Learning algorithm
* choose the correct graph for some specific data
how a specific algorithm works.

[https://pub.towardsai.net/exploiting-google-images-to-search-for-a-data-science-content-4b8d9b6cf87e](https://pub.towardsai.net/exploiting-google-images-to-search-for-a-data-science-content-4b8d9b6cf87e)
Don't Configure Your Shell's Prompt
Tags: linux, bash, video
Published: 2021-09-30 13:29:59

---
title: Don't Configure Your Shell's Prompt
published: true
description: 
tags: linux, bash, video
---

Don't waste hours configuring s super trick custom prompt, use starship.

See instructions for all the shells on their home page https://starship.rs/.

## This was made as a YT Short

What do you think?  Does it work here on Dev.  I've never posted the vertical format here and would be interested in your feedback 👇

―――――――― Socials ――――――――――――

twitter:  https://twitter.com/_WaylonWalker
twitch: https://www.twitch.tv/waylonwalker
github: https://github.com/waylonwalker/
twitch: https://www.twitch.tv/waylonwalker
`docker compose` (v2) vs `docker-compose` (v1) vs `podman-compose` - which one to choose?
Tags: docker, discuss, devops, podman
Published: 2021-09-30 13:22:27

## Latest Docker Compose (v2)

<https://docs.docker.com/compose/cli-command/>

Now, the command is no longer `docker-compose` (although there is [compose-switch](https://github.com/docker/compose-switch)), but rather, a Docker plugin, `docker compose`.

For some reasons, it had to rebuild my Dockerfile image again, even though I have built (and tagged) it before.

I saw that there that are releases for Windows and macOS (darwin, including arm64) as well; [and it is already installed by default on Windows and macOS](https://docs.docker.com/compose/cli-command/#install-on-mac-and-windows).

## Legacy Docker Compose (v1)

<https://docs.docker.com/compose/install/>

This one has absolutely my expected behavior. Nothing special. No surprise dangers.

## [podman-compose](https://wiki.archlinux.org/title/Podman#Docker_Compose)

This one uses [podman](https://podman.io/), which is probably only available in Linux ([and macOS](https://podman.io/blogs/2021/09/06/podman-on-macs.html)), and requires `podman.service` user unit; so, probably cannot be started in Windows' WSL.

Goodies, other than can be **rootless** podman (i.e. no root privileges, nor `usermod -aG docker $USER`); is that it actually create a "pod" containing multiple containers.

So, what are unexpected behaviors I have found?

- Cannot attach to virtual volumes, nor attach to non-existent folders (will not create a new folder)
- `podman-compose up $SERVICE_NAME` does not work, unlike `docker-compose`
- `Ctrl+C` does not destroy pod, nor "down", so `podman-compose up` >> `Ctrl+C` >> `podman-compose up` will give some friendly(?) errors
  - In contrast, `docker-compose up` >> `Ctrl+C` >> `docker-compose up` throws no error; also noticeably, logs  continue (just like `Ctrl+X` >> `kill -CONT`)

## Conclusion

So, is Podman better than Docker, or is Docker itself getting better than alternatives?
3 Habits Of Highly Productive Developers
Tags: javascript, python, webdev, productivity
Published: 2021-09-30 13:17:19

👨‍💻Hey Developers, here's 3 tips to help you stay productive.

💡Wayne Brewer, our Social Media Specialist, goes over his 3 main takeaways from the blog: Lessons In Productivity From Radoslav Stankov. 

🔗Click here to watch now: https://www.youtube.com/watch?v=77pg5Cz6qOA&t=1s&ab_channel=HackerEarth
Cherry-Pick Your Teammate's Changes Without Push 'n Pull-ing To Your Repo In VS Code
Tags: vscode, programming, webdev, git
Published: 2021-09-30 13:08:40

You asked your teammate for help with a piece of code and they showed you the solution in their editor. Now you need to fetch those changes. Usually, this would mean a series of tedious Git commands for both of you (not to mention that the changes will forever grace your git history), but no longer - GitLive allows you to cherry-pick your teammate's changes straight from their local files without having to push and pull to Git.

In VS Code, open up the team tab by clicking on the GitLive icon on the activity bar.
 

![img-1.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1629992931732/x_9p_0gnW.jpeg)
 
This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. Click the arrow on the left-hand side of the teammate that helped you to see the repositories they have cloned, locate the one they made the changes to and click the arrow beside that too.
 


![img-2-test (1).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633003354512/q9sg8H__L.png)

 
Here, you can see the list of files changed by your teammate on their branch compared to the main branch. Files with dots next to the name contain changes made locally by your teammate that have not yet been pushed to the remote repository. 
 
Since we are only interested in their local changes, click the filter icon at the top of the team tab to filter to only the unpushed changes.
 

![img-3-final-full.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1632996452570/wK-IygdOn.png)
 

Now we can see the single file that contains the solution we want to copy! Clicking on it will open a diff of the changes so we can make sure it contains only the changes we need. Now all we need to do is click the cherry icon next to the file in the team tab to cherry-pick the changes. And voilà - no need for any git push- or git pull -ing!
 
You can also perform the cherry pick at the level above if you want to pick all changes from multiple files at once by clicking the cherry icon on the repository.


![image-popup-5.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1630401071496/tFtt0RWJt.png)

Don't have the GitLive extension installed yet? You can [find it here](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub), and  if you want to learn more, check out [this blog post](https://blog.git.live/gitlive-8-0-Cherry-picking-your-teammates-changes) or the [GitLive docs](https://docs.git.live/docs/cherrypicking/).
5+ Bootstrap chat templates for building modern messaging user interfaces
Tags: webdev, html, css, weeklyui
Published: 2021-09-30 13:07:13

![Bootstrap chat templates ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsq9r9xuav61i974rc7h.png)

Instead of wasting time building from the ground up why not use pre-built modules and already tested bits of code?

No matter how complex your project is, you can streamline the development process by saving dozens of hours of work.

In this week's update, we've included some pretty cool templates and components for building messaging and chat user interfaces, plus a bunch of other elements to help your craft some amazing apps.

Here's a sneak peek into some of the best Bootstrap templates available on our website.

## Messaging and Chat Screens

Development is much more fun when you don't need to worry about design. With this collection of high-quality, simple, fresh, and modern Bootstrap templates, you will be able to create chat and discussion platforms in no time.

[Browse all Chat Screens](https://webpixels.io/components/application/application-pages/messaging-screens)

![Bootstrap chat template](https://webpixels.s3.eu-central-1.amazonaws.com/upload/vJ0KAjaPqFaM8L0DNXoK5c8JbSpcy3HHaTXMdoh7.png)

![Bootstrap chat template](https://webpixels.s3.eu-central-1.amazonaws.com/upload/re03PMC9GBQmCeFUNizmp8YEyD9eG7QxNnFMlrsZ.png)

![Bootstrap chat template](https://webpixels.s3.eu-central-1.amazonaws.com/upload/Dx0dWvNacrQ4d9cvGnvvRmrIi1S5n1AUMxaAhJXK.png)

![Bootstrap chat template](https://webpixels.s3.eu-central-1.amazonaws.com/upload/oHRaq2t47Qg3viRRJds83YiksyAhKtRVvZt9AaJZ.png)

![Bootstrap chat template](https://webpixels.s3.eu-central-1.amazonaws.com/upload/tDI6Mk603knYBQi8UO4lNxirVoNpVORE0XyBASzz.png)

## Offcanvas Components

Because many of you asked about these, we've included in our library a variety of offcanvas components to help you build hidden sidebars into your project for navigation, shopping carts, and much more.

[Browse all Offcanvas Components](https://webpixels.io/components/base/overlays/offcanvas)

![Offcanvas component example](https://webpixels.s3.eu-central-1.amazonaws.com/upload/lgf4U8O1l9WjjdzFIctKY86ZYhKAhdIeIQfbEdSN.png)

![Offcanvas component example](https://webpixels.s3.eu-central-1.amazonaws.com/upload/2RBvfNii36b8xXh5921buFTCuHzaCCFHfoYEdXAt.png)

## Build amazing Bootstrap websites today!

So there you have it, our newest roundup of amazing Bootstrap website templates. What did you think of our list? I hope you’ve found one that’s going to help make your next website project a great one.
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2021-09-30 12:00:18

---
title: "A Nice Developer Joke For Today"
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/5e1259a6b60d2.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:
What's the best tool for automatically ignoring long email threads about tech buzzwords?

"Block-chain"
 -->
Save the Date: StrapiConf 2022
Tags: javascript, cms, developers, techtalks
Published: 2021-09-30 11:58:52



After the success of [last year’s StrapiConf](https://strapi.io/blog/strapiconf-2021-wrap), we’re looking forward to organizing the second edition of  our global user conference on March 16-17, 2022. . StrapiConf is a unique learning opportunity for developers no matter their level of expertise with Strapi..

Last year, more than 5000 people from 100+ countries around the world joined for this free and virtual conference. This year, StrapiConf is going to be bigger and better! The conference will expand to include two days with pre-conference hands-on workshops on March 16th  followed by in-depth technical sessions, networking opportunities, and keynotes featuring industry leaders on March 17th.

The conference will connect users, customers, and contributors of the Strapi ecosystem and partners from the Jamstack and open source community worldwide to exchange knowledge, best practices, and experience gained around using Strapi.

The event will also cover the latest V4 release, [marketplace](https://market.strapi.io/), and Strapi's roadmap, as well as trending topics in the [Headless CMS](https://strapi.io/what-is-headless-cms) industry.

The conference will remain virtual, as our main goal is to make this event accessible for everyone. But this year, we will be using a new event platform for an even more fun and interactive experience between you, speakers, and others in the Strapi community.

Finally, we will be planning various learning and networking activities throughout the whole conference, so you don’t want to miss out!

We can't wait to learn from the community and meet you again.


### How to Register

The agenda and schedule are still in development but **preregistration is now OPEN!**


[Register below](https://strapi.io/blog/save-the-date-strapi-conf-2022#contact) and stay tuned for more details to be announced. 

**Mark your calendars now 🗓️**

[iCalendar](https://f.hubspotusercontent30.net/hubfs/6893032/StrapiConf%20.ics)    [Google](https://calendar.google.com/event?action=TEMPLATE&tmeid=M2dwZHFhYjgwYXEzdDhrcGdtMWw3c2VlZ20gY18yZnIxYmM5N3QwcTc5OW1ldGNtbTBzazYwb0Bn&tmsrc=c_2fr1bc97t0q799metcmm0sk60o%40group.calendar.google.com)

### Want to Speak?

 Calling all Strapi users, partners and contributors! [StrapiConf CFP is now open!](https://forms.gle/xzEuEbgLARzN8jnu6). Submit your talk and join us for a great conference.

Looking forward to seeing old and new faces this year!
Finding primes: the Greek way
Tags: algorithms, math, maths, codepen
Published: 2021-09-30 11:48:49

---
title: Finding primes: the Greek way
published: true
description: Using the Sieve of Eratosthenes to find the Nth prime
tags: algorithms, math, maths, codepen
series: primes
//cover_image: https://direct_url_to_image.jpg
---

Prime numbers are pretty interesting, and there are lots of methods of finding primes, but today I want to talk about one of the oldest: the Sieve of Eratosthenes. (I think it's pronounced [ɛrətɒsθɛniz].)

This method is good for finding primes up to a given positive integer.

The first thing to do is create a list of numbers from 2 up to the number you're interested in, let's say 35: 2,3,4,5,...35.

The next step is to filter out all the numbers divisbile by 2, except 2.

2,3,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35

Then find the first number that hasn't been filtered out. This number is also prime. That will be 3. Then filter the list for all numbers divisible by 3.

2,3,5,7,11,13,17,19,23,25,29,31,35

Keep doing this until you have no more numbers to filter and you will be left with a list of prime numbers.

2,3,5,7,11,13,17,19,23,29,31

So, now we can find prime numbers less than N. What if we wanted to find the Nth prime? We'll need a couple more steps.

The first question is, what is the limit we have to sieve to to find N primes? I'm no maths wiz, so I've been working off this rule of thumb.

If we look at the limit of 35, then we can see there are 11 primes. The limit of 100 has 25 primes, 1000 has 168 primes, 10000 has 1229 primes, 50000 has 5133 primes. However, the number of primes seems to get more sparse the greater the limits, for example 200000 has 17984 primes and 400000 has 33860 primes.

So, a good rule of thumb for me seems to be that your limit should be 20 times the N you're looking for, for an N that is computable in under a minute.

The other thing is that, for efficiency's sake, we can break out of the algorithm once we have N primes.

I've created a codepen to play around with it:

{% codepen https://codepen.io/schmellen/pen/VwWRmrr %}
🎃 Hacktoberfest 2021 Hype!
Tags: hacktoberfest, maintainers, github, hook
Published: 2021-09-30 11:19:17

---
title: 🎃 Hacktoberfest 2021 Hype!
published: true
description: One of my favorite ways to give back to the open source community - it only comes around once a year!
tags: hacktoberfest, maintainers, github, hook
//cover_image: https://direct_url_to_image.jpg
---

Well, Hacktoberfest 2021 starts tomorrow, I was looking around dev.to... and...

![Huh? Where's the hype?!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pz6535xfzw2ctriedv3e.gif)

It's a graveyard out there! (Pun totally intended.) There's nearly no discussion or hype for Hacktoberfest, and it starts TOMORROW!

While I expect a lot more discussion and excitement tomorrow, it can't hurt to start the discussion off a bit early, right? So... 

**Who is looking for maintainers / pull requests / help on their project(s) this Hacktoberfest?!**

I'll start:

## react-use-please-stay

I have a fun and simple React hook called `usePleaseStay` that helps you animate your favicon and title like so:

![usePleaseStay() example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tahicwqwqwomv3f8c2io.gif)

The repository is [`react-use-please-stay`](https://github.com/princefishthrower/react-use-please-stay) on GitHub.

I've opened a few possible [issues](https://github.com/princefishthrower/react-use-please-stay/issues) that I think could be further optimizations to this hook! I hope you'll consider taking a look at them or tackling one!

Hope to see you all out there this October on the front lines of open source software! Have fun!
Do you really need Axios in your Vue app?
Tags: vue, api, axios, fetch
Published: 2021-10-01 00:32:28

---
title: Do you really need Axios in your Vue app?
published: true
date: 2021-09-30 11:17:37 UTC
tags: Vue,API,Axios,Fetch
description: I recently contemplated if you actually need Axios in your Vue app. So, do you?
canonical_url: https://blog.jws.app/2021/do-you-really-need-axios-in-your-vue-app/
---

Just about every [vue](https://blog.jws.app/tag/vue-js/) demo that I have done on this blog has involved [Axios](https://blog.jws.app/tag/axios/).  I am not sure that it is necessarily needed all the time, though.  I wanted to take this blog post as an opportunity to see if it can be replaced with [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API).

Let’s start with [last week’s mapping demo](https://blog.jws.app/2021/state-parks-app-mapping-the-park-locations/).

{% codepen https://codepen.io/steinbring/pen/RwggoEp %}

If you look on line 50 of the javascript side, you will see:

`axios.get("https://api.wisparks.jws.app/v1/wisconsinParks.json").then(response=> (this.parks = response.data));`

This is a pretty standard get request to our JSON API.  When the response comes back, the value is placed within `this.parks`.  So, now, let’s refactor it to replace that with fetch.

{% codepen https://codepen.io/steinbring/pen/wverQNj %}

As you can see above, the only real difference is that the same line of javascript now looks like:

`fetch('https://api.wisparks.jws.app/v1/wisconsinParks.json', {method: 'get'}).then(response => response.json()).then(data => this.parks = data);`

There isn’t a great difference in how readable it is and the project now has one fewer dependency.  So, how compatible is fetch with modern browsers?

[![](https://i0.wp.com/blog.jws.app/wp-content/uploads/2021/09/Screen-Shot-2021-09-19-at-12.26.40-PM.png?resize=300%2C134&ssl=1)](https://caniuse.com/fetch)

As long as you don’t care about Internet Explorer, [it is pretty compatible](https://caniuse.com/fetch). Since Internet Explorer is [going out of support](https://docs.microsoft.com/en-us/lifecycle/announcements/internet-explorer-11-end-of-support) on June 15, 2022, that might not be a huge deal but it’s more of a personal choice than anything.

Have any questions, comment, etc?  Feel free to drop a comment, below.
CXXGraph Library : Header-Only C++ Library for Graph Representation and Algorithms 
Tags: hacktoberfest, contributorswanted, githunt, showdev
Published: 2021-09-30 11:16:56

## CXXGraph

{% github ZigRazor/CXXGraph %}

CXXGraph is an Header-Only  library, that manages the Graph and it's algorithms in C++. In other words a "Comprehensive C++ Graph Library".

## Why publish my project?

Some months ago I start this project with the idea to develop somenthing new, or to better say something that can help the developer in some cases or simple that does not have a "good" implementation in this language (C++). 
In fact the goal of the library is the **portability**, **simplicity of the interface**, and the **certainty of the correct execution of the algorithms**.
Before this project start i search for somenthing like this, but I didn't find anything similar, so I had decided to start this project.

Now i need help to improve the library and to test it, so I partecipate to **Hacktoberfest** to get some developer or use in touch with this project.

If you have 5 minutes to get in touch, click on the project or write to me at zigrazor@gmail.com

Thank you so much!