teleren/devto huggingface dataset:
I built a tool to Crosspost my blog to Dev.to, Medium, LinkedIn and Twitter in one click
Published: 2021-01-08 11:15:27

This blog is about how I built a Micro-SaaS product for the problem statement that I have been facing for quite some time.

Before getting into the explanation about the tool and the intention behind it. let me give you a quick into about myself. I am a developer who is interested in blogging and sharing my technical knowledge with the community.

I started blogging when [dev.to](https://dev.to) becoming popular and a lot of developers were inspired to write at least one article a week on dev.to platforms. I am one of them. I started writing on dev.to consistently. Every week, I publish at least one article.

As a result,

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

Everything started with [dev.to](https://dev.to) and being consistent about publishing a blog per week on this platform. It gave me a lot of opportunities such as paid writing gigs, job opportunities, and meetup talks.

My workflow at that time was, I write an article on my personal site and Crosspost it to [Medium](https://medium.com), [dev.to](https://dev.to) with the content(by providing canonical URL to avoid duplicate content). Then, share the blog URL across Twitter, Facebook Groups, and Reddit. It gave me a good amount of traction and visitors.

 ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1jdebuvipl0qo3wmmwz5.png)

Over a while, I find myself repeating the same task of Crossposting the content again and again to several social platforms and it was a time-consuming process.

Even though it was giving me more traction and audience engagement. I was spending more time on marketing and distributing my content than writing quality articles. As a developer, i wanted to avoid this repetitive work and automate this process.

That's how my product https://crossxpost.app/ came into the picture. i wanted a simple solution where a blogger/any content creators can share their content to social platforms from one place in one click.

{% youtube EWV9_gcVmig %}

If you've been facing this problem or have any feedback improve the product. feel free to reach out to me.

https://twitter.com/ganeshmani009

Checkout the Product https://crossxpost.app/
Jan. 8th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-01-08 11:14:59

It's that time of the week again folks for the first time in 2021. Last week was time off for me.

Check out last year’s series of “What did you learn this week?”

{%link https://dev.to/nickytonline/jan-3-2019-what-did-you-learn-this-week-3epd %}

So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Deadpool and his cohorts chatting](https://media.giphy.com/media/w7fJO4TOqiaSQ/giphy-downsized-large.gif)

</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{%link https://dev.to/devteam/what-was-your-win-this-week-1m13 %}

<center>

![Price is Right contestant celebrating](https://media.giphy.com/media/gF29UEqBhSoDY8LHKg/giphy.gif)
</center>
The good, bad and ugly of JavaScript
Tags: javascript, webdev, books, todayilearned
Published: 2021-01-08 11:04:53

When was the last time you have written a full application just using vanilla JS? No Angular, No React or Vue, just plain old JavaScript.

Do you think people start building applications using frameworks like Angular, React, Vue without understanding the fundamentals of JavaScript?

As an intermediate or expert developer, given a chance to return to vanilla JS, which book would you choose as a reference to know the good and bad parts of the language?

Let's find out the answers to the above questions here:
https://medium.com/til-js/the-good-bad-and-ugly-of-javascript-c1423f2664ec
ESP32 觸碰接腳 GPIO2 的問題
Tags: esp32
Published: 2021-01-08 11:00:28

ESP32 提供有 10 個可以當作觸控感測的接腳, 不過有些 ESP32 開發板, 像是這一個 [DOIT DEVKIT](https://github.com/espressif/arduino-esp32/issues/544) 板子上有一顆內建的藍燈, 根據其[電路圖](https://github.com/espressif/arduino-esp32/files/1215494/SchematicsforESP32.pdf), 它就是接在 GPIO2 上, 因此這個接腳就無法用來當作觸控感測的接腳, 實際運用時就要避開這個接腳。
How to remove the last character of a string in Python?
Tags: python
Published: 2021-03-12 09:05:06

---
title: How to remove the last character of a string in Python?
published: true
date: 2021-01-08 11:00:00 UTC
tags: python
canonical_url: https://blog.murtajaziad.xyz/how-to-remove-the-last-character-of-a-string-in-python/
---

You can remove the last character of a string using Python easily by removing the last index of the string.

```py
string = "abcdef"
print(string[:-1]) # abcde
```

`[:-1]` means _get the string starting from beginning to the end excluding the last character_. Also, you can use it with any index using this syntax: `string[start:stop]`.
Hactoberfest 2020 Swags Received
Tags: hacktoberfest, opensource, github
Published: 2021-01-08 10:58:01

Today I received my hactoberfest 2020 swags. I am so much excited and ready to deep dive into the opensource ocean.😀😊

Thanks to OpenSource Community, Digital Ocean, and Dev... 🙏
![Swag image](https://dev-to-uploads.s3.amazonaws.com/i/z5ptklppmbzzhsl7fjlf.jpg)
Sleep Sound & White Noise iOS app
Tags: ios, ipad, iphone
Published: 2021-01-06 05:43:04

The chemistry of sound can help you in different aspects of your life, from creating the right atmosphere for a better night's rest to increasing concentration. The trick is to know which kind of sound will do the magic and the easiest way to access it. Check out our picks for the best white noise apps. They'll have you sleeping better and working more efficiently.

Do you notice that you sleep better when the rain falls steadily outside or the wind blows gently through the trees? That's what researchers call pink noise, a combination of sounds that contain all of the frequencies that people can hear, with volume decreasing in high frequencies.  This kind of pink noise "has a significant effect on reducing brain wave complexity and inducing more stable sleep time to improve sleep quality of individuals," according to the Journal of Theoretical Biology study. In comparison, white noise keeps the volume consistent across all frequencies and most people don't find it as restful.
The sleep sound and white noise app for iPhone and iPad provides lots of features. Some of them are enlisted below. 

RELAX to a variety of sounds involved in the app with the option to discover and download more with the free White Noise Market companion app.  Audio playback does not use the network.

SLEEP to the continuous playback of perfectly looped audio without interruption.  The digital clock is the perfect addition to any nightstand.

WAKE feeling refreshed with an alarm clock that slowly fades in.  Supports multiple sound timers, alarms, and waking to music.

CREATE new soundscapes by recording and mixing sounds together.  Adjust various audio properties.  Upload and share to the White Noise community.

Install the app for free: https://apps.apple.com/us/app/sleep-sounds-white-noise/id1544702891
orbital-list 🪐 - My first React Library
Tags: showdev, react, tsdx, design
Published: 2021-01-08 10:49:10

A while ago I wrote a web application that lets you see your team and coworkers on a circular clock.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/061jciqjtsthnvqtp3lq.png)

This circular interface is the core feature of [whena.re](https://whena.re) to me. Time, especially the time of day, goes round and round. It's more natural and more intuitive to represent it on a circle.

This design took me hours and hours to implement. I skipped the data visualization libraries because most of them rely on an abstraction that is data-oriented. It wasn't ideal here.

For example, if I have a list of users, in React you'd go with something like this:

```tsx
<ul>
  <li>Tom (GMT, 12:02)</li>
  <li>Martine (UTC-2, 14:02)</li>
</ul>

// which you write:

<ul>
  {users.map(user => <li>{user.name} ({user.timezone} - {user.time}</li>)}
</ul>
```

Whereas in libraries such as `d3`, you have to convert your data into "pie chart data" and setup some sort of rendering engine. Like in [this example](https://www.d3-graph-gallery.com/graph/pie_basic.html).

In the end, I wrote a library of components that would let me represent circular interfaces. It generates a "circular context" and position components inside this context.

It looks like having HTML lists displayed as orbits.

```tsx
<OrbitalList>
    <Dial color='#1f2041' />
    <Orbit color='rgba(244, 205, 205, 1)' radius={0.15} />
    <Slice
        length={0.5}
        angleStart={180}
        angleEnd={202.5}
        color='blue'
    />
    <Place
        angle={180}
        distance={0.8}
        style={{ color: '#ed254e', fontSize: '1.2rem', fontWeight: 'bold' }}
    >
        <button>Hello</button>
    </Place>
</OrbitalList>
```

Today I release this as an open-source library. It's small, the code is embarrassing, but you know what they say...

> "If you're not embarrassed, you've launched too late."

I'd be happy to hear from you, if the approach makes sense and if you find the demo and library pleasant to use.

The demo is here:
https://orbital-list.laurentsenta.com/

The GitHub repository is here:
https://github.com/laurentsenta/orbital-list
Unity DevLog #2: Basic environment
Published: 2021-01-08 10:46:33

Hey there, so after [I introduced my idea](https://dev.to/mmintel/unity-devlog-1-introducing-the-project-n3d) let's create a basic environment to get started.

## Do your research
So what we need first is obviously a matchfield. A typical foosball matchfield is 120cm long and 68cm wide. That's the scale for my field so I know that one unit equals 1cm.

However don't do too much research: at the end I want to create a fun game and not just make a digital version of a real life foosball game. Real life is completely different so don't waste too much time on recreating every single piece. It's probably not important that the walls are exactly the same height as they should be according to some Foosball League regulations, it's more important that the overall gameplay is great and balanced.

## Create the field
I used a simple Plane object and just added a green material on it. I then used cubes with the basic material to create the walls.

![Screenshot 2021-01-06 155816](https://dev-to-uploads.s3.amazonaws.com/i/2ekcelwpb81jxrw9um8j.png)
![Screenshot 2021-01-06 155850](https://dev-to-uploads.s3.amazonaws.com/i/i7gaxpways1tld8tou5z.png)
  
## Refining it
So one of the first problems that come to my mind when I remember my last foosball match: the ball sometimes will just stand still, especially in the corners. So I went ahead and raised these corners just a tiny little bit so the ball will roll back to a player. 

I quickly noticed this wasn't possible using a plane, so I removed it and added a cube. Then I noticed that you can't just grab a vertex and move it up. So I created a cube in blender and exported it as .fbx file.

![Screenshot 2021-01-08 113309](https://dev-to-uploads.s3.amazonaws.com/i/nukvnw7qnezfw69w2zwq.png)

Later I found out: you can use blender files directly with unity (that's awesome) and you can use [ProBuilder](https://unity3d.com/de/unity/features/worldbuilding/probuilder) to modify meshes.

## Moving on
Yes that's a very basic environment but I don't want to waste too much time on this and focus on creating an MVP. The field is not that important for it, I can polish it later, add textures, lighting and most importantly: a goal.
Nginx forward proxy - as Docker image
Tags: nginx, proxy, docker
Published: 2021-01-08 10:26:05

[Nginx](https://nginx.org/en/) is a very fast HTTP and reverse proxy server. Usually, Nginx is used to serve and cache static assets or as proxy or load balancer for incoming traffic to application servers. But it can be used as forward proxy as well.

Assume you have a network where you want to control outgoing traffic. You either want to:

 - Deny all outgoing calls by default and only allow HTTP(S) calls to whitelisted URLs.
 - Allow all outgoing calls by default and only block HTTP(S) calls to blacklisted URLs.

The Docker daemon can be configured that way that it routes all traffic through a proxy. This proxy can be an Nginx which is configured as forward proxy.

I have a build a Docker image which contains Nginx preconfigured as forward proxy. Check out the full notes and Docker at [this GitHub repo](https://github.com/reiz/nginx_proxy).
Basic Hooks in React - useState()
Tags: react, javascript, webdev, beginners
Published: 2021-01-08 10:09:03

This blog post continues the series about [React Hooks](https://reactjs.org/docs/hooks-reference.html ).

Here we are exploring one of basic and most important hooks in React - **useState()**.

## What is useState()?

**useState()** is JavaScript function, which is used in *functional components* to crate state and access it.  To use this hook, you need to import it first from React library like this:

```react
import {useState} from 'react';
```

You can use this hook without import as well like this - `React.useState()`, for me it's just more convenient to import and destructure first this function and then use it when need in the code.

## How to use

We call this hook like this:

```react
const [state, setState] = useState(initialState)
```
This hook returns 2 values - stateful value and the function to update it.

The *first* returned value is `state` -  this is the data we pass to hook as `initialState` parameter.

The *second* returned value is `setState` - this is a function which is used to update the state.

## Characteristics and tips you should know

- returned values from useState() can be called as you want. Its a good practice to call them with meaning, for example if you are building a Counter app, it's good to give `state` a meaningful name:

```react
const [count, setCount] = useState(0);
```
-  by calling useState() inside a function component, you create a single piece of `state` associated with that component.

- the `state` can be any type you want – you can useState() with an array, useState an object, a number, a boolean, a string, whatever you need. 

- you can create multiples `states` in one component according to data which they hold:

```react
  const [items, setItems] = useState([]); // array
  const [itemName, setItemName] = useState(""); //string
```
This hook is especially useful for local component state, but larger projects might require additional state management solutions.

Thank you for reading my blog. Feel free to connect on [LinkedIn](https://www.linkedin.com/in/olenadrugalya/) or [Twitter](https://twitter.com/OlenaDrugalya) :)

<a href='https://ko-fi.com/J3J42JOOA' target='_blank'><img height='12' width=30% style='border:0px;height:12px;' src='https://cdn.ko-fi.com/cdn/kofi1.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
SpaceTravel final changes and newly updated UI improvements/new search component many more details
Tags: dohackathon, react, showdev, javascript
Published: 2021-01-08 09:50:38

Note:- If you want to know my hackathon journey how we worked you guys can check out series of articles for this hackathon

 Hello all 😊👋
This article is continuing with last so as if you're following the series then your knowing 3rd component is done but some responsiveness/UI related issues are there at that time but now all things are fixed and improvements are done by @itshally she joined at last moment but work done is looks cool.
and also we added new components:-
* footer.js
* search.js
* footer.js component includes information developers and authors and articles links and a short description of the project etc.
**This is how the First component of the app looks like now after including footer.js component zoomed out snap**
![First component](https://dev-to-uploads.s3.amazonaws.com/i/j4dnkvwde24mka4z3fk4.png)

**How Space.js component looks like now text to speech icon and also newly updated UI and other things see screenshot⤵️ and that search button for newly added component stay tune for knowing more about that **
![space.js](https://dev-to-uploads.s3.amazonaws.com/i/0esij39e5mezy7tc7e8l.png)

And also today I added a new search.js component for that I used Unsplash API and after right-clicking on those images, you can download those high-resolution images in your local system see snaps of that ⤵️ 
![Search](https://dev-to-uploads.s3.amazonaws.com/i/02bjglt464aat2na8s6f.png)
too many (20)images because adding more screenshots 
 ![Search](https://dev-to-uploads.s3.amazonaws.com/i/xkbkaee0s0rwd3g2uwww.png)
![Search](https://dev-to-uploads.s3.amazonaws.com/i/apwmxva25w86ibtuj44i.png)
![Search](https://dev-to-uploads.s3.amazonaws.com/i/k1sckx1ha2bqam49l5hc.png)
and now this it for this article after this article final submission article will come for this dohackathon 
**Authors**
* @krishnakakade
* @itshally

**Special thanks**
* @itshally for making the app better also she is a core contributor to this project thank you 
* special thanks to shraddha didi for availing hosting for me by adding their credit card thank you so much, god, bless you  
onkar khedhkar [Onkar Khedkar](https://www.linkedin.com/in/onkar-khedkar-767476148/)  and shook goud for suggesting changes and inspiring me to do good stuff.
This is for this article tomorrow we will submit our project final submission and also we will release the app publicly under the MIT license.
 thank you for reading have a nice day all.😊
![GIFY](https://media.giphy.com/media/l0Iy69Uy99fMgUvBe/giphy.gif)
🔥 Using non-alphanumeric characters in CSS
Tags: css
Published: 2021-01-08 09:33:16

You can use non-standard characters like “:” in CSS class names if you escape them with a backslash.

This is especially helpful when writing utility-first CSS like they do in [Tailwind CSS](https://tailwindcss.com). In Tailwind, things like breakpoints, dark mode, and pseudo selectors like hover are set with these kinds of prefixes.

```html
<style>
  .text\:italic {
    font-style: italic;
  }

  .text\:uppercase {
    text-transform: uppercase;
  }
</style>

<p class="text:italic text:uppercase">
  Italic and uppercase
</p>
```
What is Machine Learning?
Published: 2021-01-08 09:30:50

Machine learning is an application of artificial intelligence (AI) that provides systems with the ability to automatically learn and improve from experience without being explicitly programmed. Machine learning focuses on the development of computer programs that can access data and use it to learn for themselves.

The process of learning begins with observations or data, such as examples, direct experience, or instruction, in order to look for patterns in data and make better decisions in the future based on the examples that we provide. The primary aim is to allow the computers to learn automatically without human intervention or assistance and adjust actions accordingly.

### Type of Machine Learning Methods

*Supervised Machine* Learning algorithms can apply what has been learned in the past to new data using labelled examples to predict future events. Starting from the analysis of a known training dataset, the learning algorithm produces an inferred function to make predictions about the output values. The system is able to provide targets for any new input after sufficient training. The learning algorithm can also compare its output with the correct, intended output and find errors in order to modify the model accordingly.

In contrast, *unsupervised machine learning* algorithms are used when the information used to train is neither classified nor labelled. Unsupervised learning studies how systems can infer a function to describe a hidden structure from unlabeled data. The system doesn’t figure out the right output, but it explores the data and can draw inferences from datasets to describe hidden structures from unlabeled data.

*Semi-supervised Machine Learning* algorithms fall somewhere in between supervised and unsupervised learning since they use both labelled and unlabeled data for training — typically a small amount of labelled data and a large amount of unlabeled data. The systems that use this method are able to considerably improve learning accuracy. Usually, semi-supervised learning is chosen when the acquired labelled data requires skilled and relevant resources in order to train it / learn from it. Otherwise, acquiring unlabeled data generally doesn’t require additional resources.

*Reinforcement Machine Learning* algorithms is a learning method that interacts with its environment by producing actions and discovers errors or rewards. Trial and error search and delayed reward are the most relevant characteristics of reinforcement learning. This method allows machines and software agents to automatically determine the ideal behaviour within a specific context in order to maximize its performance. Simple reward feedback is required for the agent to learn which action is best; this is known as the reinforcement signal.

Machine Learning Application Source Code
[GitHub](https://github.com/viraj-lakshitha)

Sinhala Character Recognition Model using KNN
Iris Flower Identification using KNN
Diabetics Prediction System
ChatBot using NLP
Speed creating a website
Tags: webdev, html, react, challenge
Published: 2021-01-08 09:29:25

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zzfptjj3hpznirlrifm7.png)
(....uh bao where is the website)

Days 1 : React on C++/C# using visual studio.
~.Ps the learning curve is extremely boring... study kind of suck.~

In a hr, i try to make a legit website with chat function.
Apparently, in 40 min i can only design a page the rest in migration for making a website on react seen to be pretty far away , though i do able to set a page up except the functionality seen to took more time and effort (animation / database , ..etc).

[cry in agony]
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tzf6sy6b9tzay56je6d9.png)

Self reviews: 
- website builder seen pretty useful to get the front end.
- while the back-end need often daily practice which is suck cause i cant land it on with-ought a tutorial.

Question ?
Did i finish making ? - Absolutely Fcking NOT.
About me:
I'm a freelancer programmer learn how to make website through discord and youtube...
Been legit kind of weird with ought money so i come here

Keep Ur Head Fun . PEace
KWoC Project Report
Tags: opensource
Published: 2021-01-08 09:19:44

#About KWoC
KWOC — Kharagpur Winter of Code is a 5-week long online program organized by KOSS for the students of various colleges, especially for students of IIT Kharagpur, who are new to open source software development.

#The Projects I contributed to

During KWoC I contributed to two projects `web-development-Resource`, `url-shortener`.



>web-development-Resource

Under the direction of my Mentor, I started working on resources of Node.Js, and HTML. In this project, I collected resources and organized them in a structure.
![Screenshot (20)](https://dev-to-uploads.s3.amazonaws.com/i/a7t6faui6hkem3xttjw0.png)

>url-shortener

I worked on making the basic structure of the URL-shortener Chrome extension this extension uses Rebrandly API to shorten URLs and also gives QR code for scanning the current URL.

 ![Screenshot (49)](https://dev-to-uploads.s3.amazonaws.com/i/xtxa9f4becxcxj0ffboa.png)
 
>My experience with KWoC 

I had quite a good time working on projects in KWoC I always wanted to work on Open source and KWoC finally gave me the push that I needed to get started. I also learned how to effectively communicate with mentors and peers during working on these projects. 


>Links to the Repos I contributed to

Closed PR's
{% github https://github.com/the-browser-toolbox/url-shortener/pull/14 %}

{% github https://github.com/Surajbokde/web-development-Resource/pull/14 %}

{% github https://github.com/Surajbokde/web-development-Resource/pull/17 %}