teleren/devto huggingface dataset:
If Tmux
Tags: bash, linux
Published: 2021-01-09 16:58:20

---
cover: /static/if-tmux-xmas2020.png
cover_image: https://waylonwalker.com//static/if-tmux.png
description: I do much of my work from tmux, I love it so much that I want to setup some functionality that puts me in tmux even if I
published: true
status: published
tags:
- bash
- linux
templateKey: blog-post
title: If Tmux
---

I do much of my work from tmux, I love it so much that I want to setup some functionality that puts me in tmux even if I didnt ask for it.


## Bash Function

Bash function to check if the shell is in a tmux session.

``` bash
in_tmux () {
  if [ -n "$TMUX" ]; then
    return 0
  else
    return 1
  fi
  }
```

## Using the bash function

I often open up vim to do some quick edits, but before I know it I have several splits open and I need access to another shell utility, but I forgot to start in tmux.  This function makes sure that I start in tmux every time.

Using `if_tmux` to ensure vim is opened in tmux.

``` bash
vim () { 
  in_tmux \
    && nvim \
    || bash -c "\
    tmux new-session -d;\
    tmux send-keys nvim Space +GFiles C-m;\
    tmux -2 attach-session -d;
    "
  }
```


I am not quite sure if this is proper use of the `&&` and `||`, let me know if you have a better way to do one thing if `in_tmux` returns true and another if it returns faslse.
A project status tracker crafted with Next JS
Tags: dohackathon, showdev
Published: 2021-01-09 16:49:57

## A tracker built with Next JS for tracking the status of your projects

### Category Submission: Random Roulette

### https://aplaza-kezvw.ondigitalocean.app/

### Screenshots

![1](https://dev-to-uploads.s3.amazonaws.com/i/ymb69k03j6qx87nn6q7z.PNG)

![2](https://dev-to-uploads.s3.amazonaws.com/i/ofvqkawm5jkybaqc7srp.PNG)

![3](https://dev-to-uploads.s3.amazonaws.com/i/zgqawkuyoz8llami0zvj.PNG)

![4](https://dev-to-uploads.s3.amazonaws.com/i/jvha3ag2r314hnep592l.PNG)    

### Description
 
Aplaza is a mini web based tracker for keeping track of all your projects stored in a single data store. 

### Link to Source Code

https://github.com/neel1996/aplaza

### Permissive License
[MIT](https://github.com/neel1996/aplaza/blob/main/LICENSE)

## Background
(What made you decide to build this particular app? What inspired you?)

I always wanted to learn Next JS and this hackathon gave me the opportunity to do so. I am a huge fan of Typescript and with this project, I had a chance to explore TS further. 

The project utilizes either a JSON data-store or a configured PostgreSQL Database. This can be configured under a TS file in the `api/data` directory. 


### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)

The project was built with SOLID principles in mind and it was developed in such a way that it accepts changes swiftly without impacting dependent modules. 

For this hackathon, I am submitting the initial release (v0.0.1) of the project but I am planning to expand this project further with additional features.
Starting HarvardX CS50 Web Course on EdX
Tags: cs50, harvardx, edx, learning
Published: 2021-01-09 16:44:32

Hello Dev world! Will be starting a second series in parallel to [my portfolio series](https://dev.to/wizlee/series/9901).

### Background on taking the course now🕛:

The main reason is because I noticed my self-help learning of web technology is not structure enough. I am able to patch things up together and do a decent job out of it thanks to my background in programming, but I always got this lingering feeling of something amiss. 

Aside from that, occasionally I found myself diving deeper and spend too much time researching rather than actually working on a project. By enrolling in a structured course I can also learn to balance this aspect as well.

### This series will focus👓 on:
* Notes taken and take away for lectures
* Writing of the projects for every assignments

### The goals🥅 of this series:
1. More motivation to go through the entire course. 
2. Able access notes from laptop and mobile. This is the easiest transition as I already have the habit of taking notes in markdown. 
3. Promote this free and highly rated course to the dev world. 

    > 2/3 of the person enrolled in the [CS50 introduction to CS course](https://www.edx.org/course/cs50s-introduction-to-computer-science) starts with zero programming knowledge. 
    > One of the person is my wife which found the course interesting and engaging. She serves as my inspiration to share more to the world. 

4. As I believe the structure and learning of the course will be good, hopefully my notes and take away can help others when finding help on those topics as well. 


With all that said, I am started on the first lecture. Next up,  first lecture - **HTML & CSS**!
TC-39 India, FUTURE OF WEB.
Tags: dohackathon
Published: 2021-01-09 16:39:12

## What I built 
Built a platform that helps young dev from all stacks to have an overview of the latest tech being used by the community and the future which will definitely help young dev to have a clear picture of what tech they should be working on especially in a country like India there is a need to make students aware about the development scenario. Still, in our universities Old tech is being taught to tackle this I came up with this Idea. The project is just an illustration of what I want to achieve, its just an MVP

### Category Submission: 
Program for the People

### App Link
https://do-tc39-hackathon-lhh5f.ondigitalocean.app/components


### Screenshots


### Description
If you like the idea feel free to collaborate.

### Link to Source Code
https://github.com/Amansaxena001/DO-TC39-HACKATHON/tree/develop

### Permissive License
MIT

## Background
(What made you decide to build this particular app? What inspired you?)
A step to make the developer community a better place in India.

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)
For Front-end I have used React and along the way came across with the idea of using a Headless CMS, Strapi the best CMS used as of now.


### Additional Resources/Info
Create Cool Animations For React, Vue and HTML
Tags: vue, react, html, css
Published: 2021-01-09 16:32:55

Sometimes creating animations for our webpage can be tedious, we all have been here. But what if I tell you that there is a tool that can help you making animations in a **really easy way?**

### We are here to talk about [AnimXYZ](https://animxyz.com)

What is AnimXYZ? Well, it's a CSS animation library (with a cool name by the way) that helps you creating custom CSS animations for your website. It's **easy to install**, **easy to use, it's fast, customizable, the docs are great**...in brief, it's a library every front developer should know about from this day.

[Here](https://animxyz.com/docs/) are the docs, in case you want to check out how to install it (you can use npm, jsDelivr, or import it into a Webpack or SASS project). But we are here to try it out and check that I'm not lying to you.

To try it, we don't need to download it, we can click the 'Try it out' button that we see on the main page. Once we are there, we can see a cool playground like this: 

![Opera Instantánea_2021-01-09_143745_animxyz.com.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1610203052461/HIt5_mDMb.png)

As we can see on the bottom, were the code is shown, we can use this library on a Vue, React or plain HTML project.

On the top, we see a list of presets with some cool animations, I like this one called 'Yoink!':

![yoink.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1610203341832/xHuJTFeG4.gif)

And the code is fairly simple:

![Opera Instantánea_2021-01-09_144825_animxyz.com.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1610203687978/stxKuFlPZ.png)

But let's say I dont want them to be that fast, can I change this? YES! AnimXYZ is very **customizable** and we can change pretty much everything we want, and with the help of the playground, we can test it before implementing it:


![yoinkslow.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1610204134779/ExtsSBjYu.gif)

On the top, along with the presets, there are some options that can help us customize our animations, which is great for testing and just having some fun, in a way that we understand what's going on behind the animation.

And that's all! Now it's your time to create mind-blowing animations and show em' to the world! **Have fun!**
State in Web Dev Explained to a 10Y/O
Tags: webdev
Published: 2021-01-09 16:31:07

Let's go straight to the point.You are building a website (assuming the 10y/o has already learnt the basics of web development),so you have the header,a few this and that for the landing page,and a footer at the bottom.

Now just above the footer you have a form,with maybe the Name field and the Message field.Now state,simply put is what your user will be looking at before and after a certain activity.For example,when a user scrolls and reaches the form,it's just an empty form with the fields,now that is the 'initial state'...then the user enters some values and clicks the submit button,then you have a red alert that the says the name is invalid,now that's another state.After correcting,the user clicks the submit button and a 'success' message pops up,that's another state.

When developing this,you'll need,well 3 code blocks for the three states,this is why you see the getInitialstate ,setState,this.state getState in that repo you cloned.

I understand that there might be a more broader and technical way to explain this,but after hours of googling to try and understand state in web dev,this is how I wish someone would have explained it to me.
I'm back on dev.to : Figma Plugin API Tutorial Update
Published: 2021-01-09 16:22:11

---
title: I'm back on dev.to : Figma Plugin API Tutorial Update
published: true
description: 
tags: 
//cover_image: https://i.imgur.com/i1jWj5I.png
---

I'm back to dev.to I've been very busy developping a huge figma plugin (more than 13000 lines and still counting) :)

For now I have updated 

[Figma Plugin API discovery - Part 1 - DEV Community 👩‍💻👨‍💻](https://dev.to/lepinekong/figma-plugin-api-discovery-part-1-45o2)

and

[Figma Plugin API discovery - Part 2 - DEV Community 👩‍💻👨‍💻](https://dev.to/lepinekong/figma-plugin-api-discovery-part-2-82j)
Watermark pdf
Tags: python
Published: 2021-01-09 16:19:27

You can do a lot of neat things using the Python programming language. Using Python you can easily watermark a pdf. You can use a module called *python3-fitz* which uses [MuPDF](https://mupdf.com/) underneath (install this too)

If you don't know the Python programming language, I recommend [this tutorial](https://pythonspot.com/) as a starting point.

You can install both fitz and mupdf using your package manager.

    sudo apt install python3-fitz
    sudo apt install mupdf

## Python watermark
 
Then you need an input file and an image. Set the position using the `fitz.Rect()` function.

Load the module like this:

```python
import fitz
```

Install it using your operating systems package manager. If you use pip, there seem to be some other packages named fitz which are conflicting.

Then open the pdf

```
doc = fitz.open("input.pdf")
```

Set the location of your watermark

```python
rect = fitz.Rect(0, 0, 100, 100)
```

Iterate over the pages and insert the water mark

```python
for page in doc:
    page.insertImage(rect, filename="logo.jpeg")
```

And save it. The full code:

```python
import fitz
doc = fitz.open("input.pdf")
rect = fitz.Rect(0, 0, 100, 100)

for page in doc:
    page.insertImage(rect, filename="logo.jpeg")

doc.save("output.pdf")
```

If you run the program it will output a new pdf with the watermark image on top of every page.

Make a backup of your file before you run it. If you want, you can build a GUI around it using something like [tkinter](https://python-commandments.org/tkinter-basics/) or [pyqt](https://pythonbasics.org/pyqt-hello-world/)
looking for a good vpn provider
Tags: question, vpn, devops, javascript
Published: 2021-01-09 16:14:05

---
title: looking for a good vpn provider
published: true
description: 
tags: #question #vpn #devops #javascript
cover_image: https://images.unsplash.com/photo-1535191042502-e6a9a3d407e7?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80
---

I just asked this on the Typescript Discord Channel -- Offtopic, but tought why not enhance my question radius.

[17:08] Paulquapper: could somone suggest my a VPN provider with 
* 1. a documented (javascripty) API and 
* 2. the feature torenew ip, for given city/country. Ideally non US, no US-Server provider.
* 3. "cost efficient" (paying annualy)
Species Petting Zoo // JavaScript Application
Tags: javascript, flatiron, engineering, codenewbie
Published: 2021-01-09 16:12:38

##It.👏 Has.👏 Been.👏 A.👏 Week.👏##

Given that this week has been strenuous and stressful for everyone, I wanted to give my general impressions on each day that I experienced throughout this specific project creation. 


**Day 1 - Monday, January 4, 2021**

Alright, It's another day 1 of project week, we're gonna kick some butt today!  Was able to set up most of the backend, and create the repos for which the project will be pushed to in my github.

*Project title*: Species Petting Zoo
*Purpose of app*:  To allow an individual log a Genus and Species of animals they are familiar with or would like to research at a later time. 
.
.
.
.
.
**Day 2 - Tuesday, January 5, 2021**

Began putting together the structure of the backend defining what the two models I would be using (Genus & Species) and started to question if Rails would like it both of these words technically are singular and plural in their original spelling.  

#Much, Much Later...  

NOPE! Rails doesn't like Genus or Species so I deleted it all, and regenerated the same project, connected it to the same repo using Category and Animal instead.  For your reference. 

```
const Genus = new Category(data)
const Species = new Animal(data)
```
```
👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆👆
This is not an actual representation of code 
included in the project that this blog is about. 
Thank you. 💃
```
.
.
.
.
.

**Day 3 - Wednesday, January 6, 2021**

Everything is starting to work with the frontend/backend code I'm inserting according to lectures I have been watching from last couple wee...

wait. . .

what is that? 

*White Supremacist Neo-Nazi Terrorists attempt a coup to overthrow the U.S. Federal Capitol Building while House and Senate elected officials are in the process of certifying President-Elect Biden's and Vice-President-Elect Harris's win from the November 3rd election.*

Continues to try and code. . . 
**NOPE**
Stops for the day to process some mental & emotional states of ex·ist·ence.
.
.
.
.
.
**Day 4 - Thursday, January 7, 2021**

Gets a lot done, and finishes required project needs as outlined in Flatiron Schools Deliverables section in the Module 4 project description.  Here they are. 

```
2 CRUD actions
3 fetch requests
```
```
Huzzah! Technically Done. 
💅💅💅💅💅💅💅💅💅💅💅💅💅💅
```
.
.
.
.
.
**Day 5 - Friday, January 8, 2021**

Not gonna lie, this last day it was filled with a lot of panic, a lot of self doubt, but then a realization of knowing that "This new path I'm taking does not mean I have to do it alone."  And because of that, both Nancy Noyes and Leah Schlackman get shoutouts for helping debug and getting the delete buttons to work in order to finalize and submit this project ON. TIME.  Enjoy! 

[~ || github || species_petting_zoo || ~](https://github.com/doosemavis/species_petting_zoo/tree/main/spz-back-end)
This might be the most ambitious project I've ever taken on...
Tags: programming, coding, javascript, webdev
Published: 2021-01-09 16:08:01

I don’t talk about it often, but I really enjoy teaching.

A few kind words on a video or article I’ve made will sit with me for long after the comment was posted. Here in Italy, I volunteer as an English teacher and it warms my heart whenever a student uses a new word they had been taught the previous week.

2020 was a tough year and, so far, 2021 appears to be no different. To try and add some positivity into the world, I wanted to figure out what I could do to help more people in 2021. More so, was there a way that I could help people learn to code beyond a simple YouTube video or article?

And with that, I am proud to introduce [Stackademic](https://twitter.com/stackademic_). An initiative in conjunction with [In Plain English](https://plainenglish.io).

![Stackademic, an In Plain English initiative](https://dev-to-uploads.s3.amazonaws.com/i/4jtvnuac8a888tnalehv.png)

The past decade has seen an influx of coding bootcamps. Some bootcamps cost more than the price of university. Coding bootcamps may provide a portal to the industry, billions of people are still priced out.

To counter this, the Stackademic initiative plans to teach the next generation of coders, for FREE. We will teach a curriculum — that is at least equivalent to those expensive bootcamps — to students via remote video classes.

We’ve already received over 50 applicants from all over the world, along with messages from companies interested in sponsoring the initiative.

This may be the most ambitious project I’ve ever taken on. 

If you’re interested in getting involved, whether as a student, a teacher, a volunteer, or a contributor, get in touch with me over Twitter — you can reach me at [twitter.com/sunilsandhu](twitter.com/sunilsandhu).

We would also really appreciate it if you could share details about this initiative with as many people as possible on Twitter, LinkedIn, etc. Remember, this is not about ego, this is about helping people.

Let’s start changing some lives! ❤️
How to Import Curl into Postman and Test Requests
Tags: showdev, testing
Published: 2021-01-09 16:04:44

## What is Curl?
[Curl](https://curl.se/) is a command line tool and library for transferring data with URLs.

## Steps
The following steps can be used to test Curl in Postman:

 1. open postman.
 2. click **import**  tab on the top left side.
 3. select the **raw test tab**.
 4. paste the raw text, then click **continue**.
 5. confirm the **name** , **format**  and **Import as** 
 6. if step **5**. is correct, click **import**.

This automatically imports Curl into Postman.

To read more on Curl, visit [curl.se](https://curl.se/)


follow me on [twitter](https://twitter.com/OseJudith)

Original article posted on my [blog](https://judithoiku.tech/2021-how-to-import-curl-into-postman-and-test-requests/)
DevTo account analyst [My submission]
Tags: dohackathon
Published: 2021-01-09 15:47:35

## What I built
A [Progressive Web App](https://web.dev/progressive-web-apps/) that show Dev.to users or Organization Information And Their article Analytics, It's Show chart of user's article performance and Some facts about tag used in articles.
View your account Analytics [websense.tech](https://websense.tech/)



### Category Submission: 
Random Roulette

### App Link
[ondigitalocean.app](https://devto-pcmy2.ondigitalocean.app/),
[websense.tech](https://websense.tech/)


### Screenshots
![1](https://dev-to-uploads.s3.amazonaws.com/i/cvmlbsysa5foi24tvhmd.png)
![2](https://dev-to-uploads.s3.amazonaws.com/i/70gprnh6r14fbjeixv7e.png)
![3](https://dev-to-uploads.s3.amazonaws.com/i/t3pc145aqzypbrd6rhyx.png)
![4](https://dev-to-uploads.s3.amazonaws.com/i/ek14ksnvjrmswpp260le.png)
![5](https://dev-to-uploads.s3.amazonaws.com/i/is5m78g7d3rgksooo8ss.png)
![6](https://dev-to-uploads.s3.amazonaws.com/i/j59qayi5qeil8tw0m6kl.png)

### Description
This Pwa is built with React that show Dev.to users or Organization Information And Their article Analytics
#### Features
- search :
  Enter Username of User or organization, and submit:
![Search](https://dev-to-uploads.s3.amazonaws.com/i/mpgs31qrr13r6dseixns.png)
- api-key :
  Go to [/api](https://websense.tech/api) And Enter your Private Api key and see your Account information (Views, Follower and others)
![Api-key](https://dev-to-uploads.s3.amazonaws.com/i/itrecf3oap0k3cqreeno.png)
- sort :
  You can sort article base on likes, comments and defult
![Sort](https://dev-to-uploads.s3.amazonaws.com/i/hyz1eg1m8sptk1i7lb3m.jpg)
- user :
  You can share your account information (as Portfolio) by `https://websense.tech/user/your_devto_username` url
![user](https://dev-to-uploads.s3.amazonaws.com/i/25pcwvgv5gz54lge8k3s.png)
- And Many More take a try [websense.tech](https://websense.tech/)
 

### Link to Source Code
[vimalverma558/devto](https://github.com/vimalverma558/devto)

### Permissive License
[MIT License](https://github.com/vimalverma558/devto/blob/master/LICENSE)

## Background
I have been recently acquire skill in React, So i decided to use React with some api, than i decided to make a app that show dev.to users Information and their article performance Using [Dev.to Api](https://docs.dev.to/api/)

### How I built it 
This Hackathon is Really Productive for me, During this project development I learned Axios, Chart.js instigation with React, Pwa And Many-More, And DigitalOcean app Platform's Autodeploy is really amazing You don't need deploy your app again and again after code change.


### Additional Resources/Info
This Projects doesn't exist without [Dev.to Api](https://docs.dev.to/api/) And [DigitalOcean App platform](https://www.digitalocean.com/products/app-platform/)
##### List of Tool Used
[React](https://reactjs.org/)
[Axios](https://www.npmjs.com/package/axios)
[chart.js](https://www.chartjs.org/)
[react-chartjs-2](https://www.npmjs.com/package/react-chartjs-2)
[react-js-pagination](https://www.npmjs.com/package/react-js-pagination)
[react-tooltip](https://www.npmjs.com/package/react-tooltip)

Thanks
How to learn?
Tags: beginners, help, javascript
Published: 2021-01-09 15:42:07

Hello fellow devs! 

I am relatively new to the dev world and find myself to be a slow learner. The only thing keeping me committed and growing (despite my snail-like pace) is my love for web-dev and design and the small breakthroughs I experience from time to time (and possibly sheer stubbornness). 

That being said I am trying to compile a small go-to article for the best ways to learn. I know they vary from person to person but I'm interested in hearing all the ways other people learn new languages and concepts. 

How do YOU learn? Do you have a system? Do you dive right in? do you read a lot first? Start with crash courses? 

Let me know with a comment or message!
Decentralized COVID-19 digital health platform
Tags: covid, research, machinelearning, policy
Published: 2021-01-09 15:38:05

Startups, big-tech, governments, and academics built digital health products to support the fight against COVID-19. 

Lack of strategically allocated domain expertise led to most failing. Read an analysis here: https://twitter.com/shreydjain13/status/1347609941666836486?s=20