teleren/devto huggingface dataset:
Contribute to BitcartCC this Hacktoberfest!
Tags: hacktoberfest, opensource, python, vue
Published: 2021-10-01 20:37:41

BitcartCC is an opensource self-hosted cryptocurrency solution for merchants and developers. We want to build a modern platform with no legacy code but strong compatibility policy where community choices impact the decisions done.

## Project description

### Merchants
If you are a merchant, BitcartCC provides a ready [Merchants API](https://api.bitcartcc.com) for integrating into custom sites or complex systems, full [admin panel](https://admin.bitcartcc.com) for managing wallets, stores, products, invoices or something more complex and a checkout page, and a lightweight [store template](https://store.bitcartcc.com) which can be used in POS terminals for example or for merchants without any ready website.

The links provided are our demo instance, but the main feature is that all merchants are encouraged to run BitcartCC instances on their own servers to be fully independent. Latest minimal requirements are 1 gb ram (with swap enabled) or 2 gb ram and around 20 gb disk. This is using a special technology for verification which makes it light and secure.
BitcartCC can be hosted on amd64, arm32 and arm64 machines (like a raspberry pi)

### Developers

For developers we provide a ready python SDK which can be used not only for receiving payments, but also for sending payments or getting some information from the blockchain. From any language it is possible to access our JSON-RPC 2.0 API.

The app is deployed in docker containers where users can install only the needed components

And there is a lot more to that, check out https://bitcartcc.com and https://docs.bitcartcc.com

## How can I contribute?

You can contribute to BitcartCC in various ways. Any help is valuable: testing it out, finding and reporting bugs, requesting new features or implementing them.

All contributors will be mentored so that they will understand how the project works

If you want to contribute to project in terms of pull request, here's the [full list of issues](https://github.com/bitcartcc/bitcart/issues/243) you can try tacking

Our project has many languages involved: python, docker, vue, bash, golang, js, yaml, markdown and more. So you can learn a lot of new things by contributing!

Issues marked with `good-first-issue` label should be good ones to start with the project, issues with `help-wanted` label are usually more complex and require at least basic understanding of the parts involved.

But don't worry! You can always ask questions in our github or [communities](https://bitcartcc.com/#community)

Happy hacking :rocket:
Flask Upload Image Directly To S3 Without Saving In Server
Tags: flask, backend, aws, python
Published: 2021-10-01 20:35:26

```
import boto3
s3 = boto3.client( "s3", aws_access_key_id= "*************", aws_secret_access_key="**********" )


@login_blueprint.route('/uploadfile', methods=['POST']) 

file= request.files['file'] 

try: 
    filename = secure_filename(file.filename) 
    acl="public-read" 
    s3.upload_fileobj( file, 'bucket-name', file.filename, ExtraArgs={ "ACL": acl, "ContentType": file.content_type } ) 

except Exception as e:
    resp = jsonify(e)
    resp.status_code =200 
    return resp
```
No Angular any more !
Published: 2021-10-01 20:18:20

Hello everybody, 
I got no answer to this thread hereunder since soon two weeks, so I am trying to find help where I can, so I presume that people who develop with Angular can be a good target -oh, perhaps npm also.
Suddenly Angular could not be installed any more on a new project, I got a message telling about an intrinsic error of npm.
I tried installing some modules that seemed to miss, the return gave to think that I succeeded in that, but ... Angular still does not answer.
Any idea what to do ?

The URL given in the error message rerouted to github :
https://github.community/t/failure-to-install-angular/201932

When I say that ng does not answer, it is not that it crashes, no it has finished work.
_____________________________________________________
D:\Projects Visual Studio\Web\WeatherProject024\WeatherProject024\WeatherClient
22:29:47>ng serve --o

D:\Projects Visual Studio\Web\WeatherProject024\WeatherProject024\WeatherClient
22:29:50>
___
I cannot give colors for the prompt, can I ?
Oh, I forgot to inform about my System :
Microsoft Windows [version 10.0.19043.1237] => version 21H1
If a script is needed, perhaps Powershell can help ?

And also :
>npm version
{
  npm: '6.14.11',
  ares: '1.16.1',
  brotli: '1.0.9',
  cldr: '37.0',
  icu: '67.1',
  llhttp: '2.1.3',
  modules: '83',
  napi: '7',
  nghttp2: '1.41.0',
  node: '14.16.0',
  openssl: '1.1.1j',
  tz: '2020a',
  unicode: '13.0',
  uv: '1.40.0',
  v8: '8.4.371.19-node.18',
  zlib: '1.2.11'
}

and ... you know what ? "ng version" answers the same as 
"ng serve --o".

___

Perhaps it will be easier to read if I repeat the URL at the end of my message :
https://github.community/t/failure-to-install-angular/201932
{Insert Hacktoberfest 2021-Related Title Here}
Tags: hacktoberfest
Published: 2021-10-01 20:07:14

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


### [Intro Heading]
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 

### Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here →

### Progress

<!-- Share a bit about where you’re at in your Hacktoberfest journey. What stage are you at? How has the process been?  -->

### Contributions

<!-- This is where you can list the contributions you made and explain why you chose the projects you did. Don’t forget to add links!  -->


### Reflections
<!-- Overall, how has your Hacktoberfest 2021 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?  -->
First Issue with Parallel Branches
Published: 2021-10-01 20:05:14

After establishing Markdown support for [my static site generator (SSG)](https://github.com/oliver-pham/silkie), I decided to enable parsing Markdown [horizontal rules](https://www.markdownguide.org/basic-syntax/#horizontal-rules) along with HTML document [language support](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang). However, I developed the two features on separate branches this time, so I could switch between the two if I encountered any obstacle. Little did I know the obstacle was awaiting me at the end.

## Merge conflict
The [first feature](https://github.com/oliver-pham/silkie/issues/14) poses a higher risk of breaking the system because it requires more changes to the codebase. With a view to avoiding any last-minute fixes, I decided to tackle it first on `issue-14` branch. Contrary to my expectation, it didn't take long to enable HTML document language support. After ensuring the changes didn't break anything, I managed to [commit them](https://github.com/oliver-pham/silkie/commit/39394a1) and (fast-forward) merged it (using `git merge`) without any additional issue.

## How I resolved it
Nevertheless, I got a merge conflict after completing the [second feature](https://github.com/oliver-pham/silkie/issues/15). As I [committed it](https://github.com/oliver-pham/silkie/commit/f8e8866) on `issue-15` branch and attempted to merge the branch into `main` branch, I realized there was an overlap between the two branches in the `README.md` file.

![Screen Shot 2021-09-30 at 10.56.49 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xc3h8cx04qy1qedjajm5.jpg)
 
![Screen Shot 2021-09-30 at 10.52.32 AM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j3wvi2q92230d6azzeko.jpg)

Git didn't know which version it should select between the two. Luckily, I could resolve that merge conflict quite easily thanks to Visual Studio Code (VSCode). Upon viewing the file in VSCode, I was prompted to choose how the merge conflict should be resolved. Something like this:

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

Since I wanted to include both changes, I selected the `Accept Both Changes` option and [committed the merge](https://github.com/oliver-pham/silkie/commit/164bd60). The two features were finally integrated into the system! 🥳

## Conclusion
Merge conflicts may crop up while you are working on parallel branches. However, I think the key to resolving them is to be aware of how the tools (such as Git and VSCode) work and avoid making a lot of irrelevant changes.
What is Hacktoberfest ?
Tags: hacktoberfest, github, opensource
Published: 2021-10-01 19:45:13

## Hacktoberfest : A special event for developers.

Hacktoberfest is a month-long celebration starting from the October 1 to the October 31.
This event comes to encourages participation in giving back to the open source community by completing pull requests, participating in events, and donating to open source projects.

![Hacktoberfest Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ufpccojszrtvzepj519.png)

## Hacktoberfest 2021

Hosted by DigitalOcean for the 8th year in a row, Hacktoberfest comes this year again to encourage the open source software.
By creating 4 rich PRs in a Hacktoberfest Github/Gitlab Repo, you can complete the challenge and earn a limited edition T-shirt.

## What to do ?

Go to [the Hacktoberfest Website](https://hacktoberfest.digitalocean.com/) and click on Start Hacking, you are going to sign up using GitHub or Gitlab and then you're going to be redirected to your profile page where you can see your contributions and their state.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ha7ixmzoh1tttj8sue33.PNG)

## What's next ?

In the second article of this serie, i am going to be covering some tips on How to Create the 4 PRs to complete the 2021 Challenge.
Stay Tuned.

### Until the release of the second post of this serie, you can follow me on [GitHub](https://github.com/MidouWebDev) or check my profile to discover some open source projects i contributed to

See you ! :wave:
How to spice up your GitHub profile (Included Resources)
Tags: github, webdev, beginners, tutorial
Published: 2021-10-01 19:35:22

I recently decided to pay more attention to GitHub profile and spice things up a bit. Naturally, I wanted to share a few  resources for those looking to do the same. 

Here's a few ways you can make your GitHub profile look much better.

# Step 1: Start with your profile Readme.

Think of this as the front page of your development portfolio on GitHub. This is what everyone sees when they first come to your profile. Now, there a lot of Readme templates out there, and if you're looking to get started, they can end up being very confusing to decide between, so a quick and easy resource you can start with is a GitHub Readme Generator. I used this one for my profile.

[GitHub Profile Readme Generator](https://rahuldkjain.github.io/gh-profile-readme-generator/)

I ended up with a great looking and interactive Readme in less than a minute.

# Step 2: Move on to the projects

I don't know about you, but I like to keep my project Readme as visually pleasing as possible, so I try to include a logo (if I have one) and Gifs showing the project in action along with information about the project.

A quick way to generate Readme for projects is to use this project Readme generator.

[GitHub Project Readme Generator](https://github.com/connietran-dev/readme-generator)

# Step 3: Be Active

Whether you have massive projects with many collaborators or just a few small projects you're working on. Get into the habit of constantly committing your work. This helps you in the long run as your profile reflects your activity with the cool looking GitHub grid and if you mess up, you can always revert your code back.

Those are just a few resources I've found that changed my simple GitHub profile into a much better looking one. Hope it helps.
I curated a list of developer-first products
Tags: tooling, productivity, webdev, startup
Published: 2021-10-01 19:33:28

*If you are interested in developer trends you should check out my new newsletter at: [unzip.dev](https://unzip.dev)*

---

I'd love to hear what you think and if it helped you:

https://github.com/agamm/awesome-developer-first

Here's my definition:

       - Developers are the target audience.
       - "Headless", "API-first", "SaaS" are frequently used keywords.
       - Usually, this means that the front page has some code examples.
       - Products - tools/services that people pay for.

I felt like there is no place that aggregates all of these kinds of products. This way we can find solutions to our daily problems, and sometimes not re-invent the wheel or even save time and money :+1:. 

If you find anything missing open a PR, but don't forget to read the contribution guide.
Create Phone Number using JS , Codewars Solution
Tags: javascript, regex, arrays
Published: 2021-10-01 19:22:58

Recently I've been trying out some questions for improving my JS Skills. So I thought I will document some of that here.

Codewars Link : [https://www.codewars.com/kata/525f50e3b73515a6db000b83](https://www.codewars.com/kata/525f50e3b73515a6db000b83)

Write a function that accepts an array of 10 integers (between 0 and 9), that returns a string of those numbers in the form of a phone number.

##Example


```createPhoneNumber([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]) // => returns "(123) 456-7890"```


## My Solution
```function createPhoneNumber(numbers){
      return numbers.join('').replace(/(...)(...)(.*)/,'($1) $2-$3');
}```

## _The Regex Part_

/ / - tells that it's a regex
(...) - substring that contains 3 numbers
(.*) - extra numbers
I Try This Every Year
Tags: hacktoberfest, opensource
Published: 2021-10-01 19:20:11

---
title: I Try This Every Year
published: true
tags: hacktoberfest, opensource 
---
<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->


### This is my 4th Hacktoberfest
Hi, I'm Angela, I joined DEV because I'm really interested in code and I kept coming across cool articles from here so I went ahead and joined. My first Hacktoberfest was no5 and I didn't even have a GitHub account when I started. 
<!-- If you are new to the DEV community, introduce yourself and share a bit about why you joined DEV and decided to participate in Hacktoberfest this year.  --> 

### Background
For a long time I struggled with how to work Git Hub. I've been learning web development for a few years now. I'm pretty good with HTML and CSS, can't quite wrap my head around JavaScript and I'm slowly learning PHP (which seems easier than JS somehow?). Honestly, I just started to get a handle on how to add, commit, and push changes. 

### Progress

I'm not as far along in my journey as I would like, but every year Hacktoberfest rolls around and gets me fired up to contribute. I love seeing people posting about their successes on GitHub or what project they've been helping with. 

### Contributions
I mostly look for easier repos during Hacktoberfest like "add a poem" or "change the button color". I haven't quite figured out how to look at a repo and see if there is anything I can help with. I'm not sure if that's because I mainly work with front end web development type things or if I'm just not grasping a simple concept. 


### Reflections
I'm excited to participate this year, it doesn't feel quite as overwhelming as it has in years past. I was able to make a couple of contributions so far without totally messing up or crashing GitHub. This year my goal is to keep contributing at least a little bit through the year after Hacktoberfest ends so that maybe by next year I'll feel a little more comfortable. I also want to start building out my own projects to really practice my skills.
Building FusionHQ - All-in-one user analytics & engagement platform.
Tags: javascript, analytics, python, opensource
Published: 2021-10-01 19:06:42

Hello All, I am Sarvesh, one of the co-founders of Fusion. We have been building Fusion for the last 5 months and really excited to share about it!!

Let's answer some questions to get the vision and idea of the product clear.

**What is Fusion?**

Fusion is an all-in-one user behaviour analytics and engagement suite.

It's built upon a lightweight no-code mixpanel-like analytics engine but we are not another analytics platform, Fusion uses it to gather users' personal & product usage data and share it with built-in live-chat, push-notification, and email/micro survey tools.

Fusion shows how your users interact with your web-based products eg: page-views, button clicks, form submissions, etc. But apart from this, Fusion lets you run targeted engagements with a specific user or group of users in real-time over live-chat, push in-app notification & email/micro-surveys or you can set up to trigger these engagements automatically.

These targeted users could be people who have something in common(eg: users from a specific country/marketing referral) or users who performed a particular action on the website (eg: visited pricing page but did not sign up).

Fusion helps small teams in these ways:

1. No need to continuously monitor multiple SAAS tools and jump tabs, manage everything from one lightweight dashboard or directly from slack (or teams etc) instead of going back and forth between multiple windows.
2. No-code auto-capture requires zero engineering efforts for tracking. Just copy-paste one snippet on your website and that works for analytics, chat, CRM & email instead of coding up 5 different trackers on your product.
3. Run real-time targeted engagements with single-user/specific type of users or users who performed a particular action, ensuring less spam and more conversion. And again analyse how users reacted to those campaigns.
4. Reduced SAAS bills as Fusion is one platform so you pay one base subscription instead of multiple.
5. Teams can avoid crappy built-in plugins for connecting multiple SAAS tools or using expensive CDPs like Segment.com . Seamless user data flows between analytics, CRM, marketing stack as they are in one platform.

**Where can you find Fusion?**

Fusion is available [here](https://fusionhq.co) or the github is available [here](https://github.com/fusion-hq)

**Where are we on building Fusion?**

We have completed the Analytics Engine and currently chat service is being developed and other lots of features coming soon!!

Interested in using the product? Connect [here](https://fusionhq.co). Show us your love [here](https://www.producthunt.com/posts/fusion-4)

So let's connect to give some more info on the product!!
A simple 3x+1 visualiser
Tags: svelte, chartjs, datavisualisation, tailwindcss
Published: 2021-10-01 19:02:58

---
title: A simple 3x+1 visualiser
published: true
description: Visualising the 3x+1 problem with Svelte, Vite and Chart.js
tags: svelte,chartjs,datavisualisation,tailwindcss
---
# TL;DR
* Link: https://thecashewtrader.gitlab.io/3x-1/
* Source: https://gitlab.com/thecashewtrader/3x-1
* License: GPL V3
* Inspired by: https://odysee.com/@veritasium:f/the-simplest-math-problem-no-one-can:7

# What is `3x+1`?
`3x+1` is a simple math problem. You start by plotting a number, say `x`, on the graph. If `x` is even, you plot `x/2`, otherwise you plot `3x+1`, stopping when `x=1`.
For example, the `3x+1` array for 3 would be:

`[3, 10, 5, 16, 8, 4, 2, 1]`

# Features of the visualiser
The visualiser is still in it's early stages, with a lot of glue code and styling issues. The main features for now are:
* Generate an interactive graph for any number.
* Zoom, pan, and generally navigate the graph
* Export said graph as an image

# Demo

## The website
![The website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jg4mtn97px7ih06qj8qw.png)

## The image output
![Image output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v3kqtq5nc8arkkprumkq.png)


# The tools used
* Svelte - Frontend framework
* Vite - Bundler
* TailwindCSS + DaisyUI - UI library/framework
* Chart.js - To plot the graph
* Chart.js zoom plugin - To add interactivity
* Hammer.js - Used under the hood by Chart.js zoom plugin for gesture recognition
Testing Part-1
Published: 2021-10-01 18:53:47

Testing Part-1
Testing is one of the most important topics in software development, but a lot of developers still shy away from it.

Today  I'm gonna
clear overview of the entire world of JavaScript testing and making it simple to understand
If you have no experience in testing don't worry 

Is Testing Important? 
Of course, for the best software project, it's important. 
If you want to know why testing is important please search it in google you will get a lot of answer about it. I just talk some topics about why testing is important I don't wanna make this post larger for readability 
Confidence in Code, Minimal Code, Rid of regression bugs
Example: Suppose You want to add some functionality in your application and after adding this functionality some bugs you are getting but not getting a specific reason for that. For this thing, you need testing to get where the code is breaking. Hope so you get it

A variant of Testing: 
There are many types of testing methods like
1. Unit Tests
--The reason for unit tests validate the functionality and small piece of software. Unit test is the testing method where you can test every part of your application. Like One function will give specific output and you can test it by that it is giving or not…
2. Integration Tests
-This testing basically uses to test multiple functions and components when working together and those things will give an output of this that's multiple components or modules working or not that's time integration testing get the error
3. End to End Tests
-Personally, I love e2e testing cause it is the automatic testing system you can see your application is working in front of yourself and give the specific output like you want to test one form and it will take some data and some data will send to the server everything you can watch by e2e testing- This thing runs in your real device 
Note: You need a better PC configuration for that 
4. Matches
-Imagine you have a function that calculates the result of a number. Testing the function can then be done using the expect() function and a simple matcher that checks if the result of the function matches the expected value.
5. Mocking
-Those tests will clone the function or component or module then it will test. Mocks help your tests to avoid test unreliability (flakiness) and improve the speed of your tests.

Testable architecture:
 first, need to make sure that your application's architecture is testable. If it is not, you need to understand why not and what you can do about it. If your code is not structured properly, you are definitely going to find it difficult to write tests for it  

Different testing tools:
Jest : 
Jest is an open-source testing framework created by Facebook with a focus on simplicity.

Mocha:
Mocha is a flexible JavaScript testing library available and aims to make asynchronous testing simple and fun.
Cypress:
Cypress is an all-in-one testing tool that is focused on making End-to-End testing easy and modern.

medium Link: https://m-alinkon10.medium.com/testing-part-111666fab427