teleren/devto huggingface dataset:
Podcasts? Blog? Start your web in seconds with my Free template.
Tags: django
Published: 2020-11-16 17:10:08

---
title: Podcasts? Blog? Start your web in seconds with my Free template.
published: true
date: 2020-04-11 00:00:00 UTC
tags: django
canonical_url: https://hvitis.dev/project-free-podcasts-blog-template-based-on-django
---

# Podcaster 🎙️📝

## Idea

This project connects a few threads together: heroku, podcasts/blog and open-source. It started as a [simple page](http://www.butterflybone.doctor/en-us/home) for my girlfriend that wanted to have some online presence. Apparently most of the templates I’ve found were either front-only or comercial only or [blog-only](https://ghost.org/).

The idea was to have just something small to see how the recording would be going and what people are interested in. Huge, astonishing and ready wordpress templates were out of the questions for 2 reasons: I don’t know PHP and it should be free to start ( and host ). At the end you just want to try out the idea, not to throw 100$ for something you might later leave.

This is how the top of the home looks like now:

[![Butterflybone.doctor](https://hvitis.dev/static/618832adf3a700ec529757328848d3e6/4d236/butterflybone.doctor-medical-podcasts-in-spanish.png)](http://www.butterflybone.doctor/en-us/home)

## Do it yourself

If you want to have your own page like this you can do it in 1 minute via Heroku 1-click deploy button from the [Repo on my GitHub](https://github.com/hvitis/Podcaster). The requirements are:

- [Heroku](https://heroku.com/) account (Free)  
and (if you want to avoid paying 5$/month)
- AWS Account with [Free tier](https://aws.amazon.com/s3/pricing/) (Check the explanation on [my repo](https://github.com/hvitis/Podcaster))

## Why the Open-Source?

The page you see above has a lot of things hardcoded ( Google Analytics, Icons, etc ) but mainly it lacks important, common functionalities like:

- Comments
- SEO Tags
- Searching  
etc

All of the above are pretty simple to implement and I could do all of the [currently opened issues](https://github.com/hvitis/Podcaster/issues) myself. I will be doing myself since the [initial page](http://www.butterflybone.doctor/en-us/home) is going fine and needs more functionalities but I thought I will make it open and public.

If anybody **wants to learn Django 2** by doing and contributing to something useful, that actually works then here is the opportunity :)

[Contact me](https://hvitis.dev/contact/) and start coding!

[![Podcaster](https://hvitis.dev/static/fe8bae7fa7db75629bf19f31356ab4cc/3153f/PodcasterLogoSmall.png)](https://github.com/hvitis/Podcaster)
How to fix Puppetteer error: libX11-xcb.so.1?
Tags: puppeteer, bugfix, laravel
Published: 2020-04-11 11:41:11

---
title: How to fix Puppetteer error: libX11-xcb.so.1?
published: true
date: 2020-04-11 00:00:00 UTC
tags:
  - Puppeteer
  - Bugfix
  - Laravel
canonical_url: https://peterthaleikis.com/posts/how-to-fix-puppetteer-error-libx11-xcb.so.1-missing/
---

Puppeteer is a powerful tool to run a headless browser. While setting up my next secret project I've encountered an issues running Puppeteer with running as a Laravel Queue item. It showed like this:

```
node_modules/puppeteer/.local-chromium/linux-722234/chrome-linux/chrome:
	error while loading shared libraries: libX11-xcb.so.1:
	cannot open shared object file: No such file or directory

```

The exact message might be different - these depends on your setup. I've researched the issues and found this solution for my Ubuntu server:

```
sudo apt-get install gconf-service libasound2 libatk1.0-0 libc6 \
	libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 \
	libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 \
	libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 \
	libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 \
	libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates \
	fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget

```

Previously published on my coding blog [https://peterthaleikis.com/posts/how-to-fix-puppetteer-error-libx11-xcb.so.1-missing/](https://peterthaleikis.com/posts/how-to-fix-puppetteer-error-libx11-xcb.so.1-missing/)
Open-source Tab Manager Extension for Safari
Tags: swift, opensource, github, help
Published: 2020-04-10 23:59:50

Hi, I have developed [this](https://github.com/morsamatias/UltraTabSaver) open source Extension for Safari, it's a Tab Manager and I think it's very useful. You can help me to improve it contributing or doing here any comment. 


Thank you
Matias
Turn your selfies into an anime character using Ainize!
Tags: opensource, ai, anime, github
Published: 2020-04-10 23:18:14

Artificial Intelligence(AI) technology has been improving every year. It’s an integral part of our daily life. Many apps and services that we use everyday have been created with AI. This is an interesting AI open-source project, called U-GAT_IT, which is an unsupervised Generative Attentional Networks with Adaptive Layer-Instance Normalization for Image-to-Image Translation (ICLR 2020).

Many people who love cartoons and animations use anime profile pictures for their social media and online community. When you use U_GAT_IT, you can get a classic Japanese-style anime face made from your selfies or pictures.

You can also try this on Ainize which is a serverless platform for open-source projects. So if you are interested in this project, you can simply run this and test your selfies without any infrastructures. Ainize offers you easy and free deployment with only one-click access from Github.
Hope you enjoy making your own anime characters.

UGATIT Open source : https://link.ainize.ai/3aXAcOt
Sign up for Ainize Project : https://link.ainize.ai/2Rs2Hfl
Facebook : https://link.ainize.ai/2UYDMlR
Youtube video: https://link.ainize.ai/3aTve5b
Twitter : https://link.ainize.ai/39VwGmo
Visualization of the biggest code bases (using blender3d and data from dataisbeautiful)
Tags: datascience, python
Published: 2020-04-10 23:15:28

Maybe a bit too far with the zooming, will be better next time!
Youtube - https://www.youtube.com/watch?v=afEg6VuAQJQ
Data - https://docs.google.com/spreadsheets/d/1s9u0uprmuJvwR2fkRqxJ4W5Wfomimmk9pwGTK4Dn_UI/edit#gid=5
How to learn the basics of the MERN Stack
Tags: beginners, node, mongodb, react
Published: 2020-04-10 23:09:13

Hi, my name's Joseph and learning new languages has always excited me. When I finished my boot camp I took some time to learn Node.js, more specifically the all so popular MERN stack. This will be a short blog about what I did to learn the basics of the MERN stack in 5hours. What I consider the basics of a web development language is being able to create a project with CRUD functionality (Create, Read, Update, Delete).

The first place I went to was FreeCodeCamp. They are a completely free site that teaches you everything you need in order to be a full-stack web developer. They teach the MERN stack, so I thought it was a good starting point. I finished Managing Packages with NPM, Basic Node and Express, and MongoDB and Mongoose. 

I've built a javascript project before so managing packages with NPM wasn't hard. Basic Node and Express had a lot to do with routing, getting and sending things to different routes. It had me do a lot of initial setups which was fine. MongoDB and Mongoose are where I had a little bit of trouble because I didn't know how to connect to MongoDB Atlas which is essentially a cloud base database. I kept getting tripped up on the syntax which I had to google repeatedly, look at the documentation, or find youtube videos. I didn't do any of the projects they had listed because I wanted to create something on my own. The last thing I did was find a youtube video tutorial and follow it. This helps you understand how you can put all the pieces together and make a real project from it.

That's just my experience of learning something new. Tell me how you go about learning building a new project with technology you have never used before. I would love to hear about your experience!

Thank You for reading!

Resources:
[FreeCodeCamp](https://www.freecodecamp.org/)
[TheOdin Project](https://www.theodinproject.com/)
What Do You Love The Most Of Your Current Job?
Tags: discuss, career
Published: 2020-04-10 23:06:37

**What do you love about your current job?**

Maybe some of you don't love their current job. In that case:
**What would you change about it to make it the ideal job for you?**


GO!

![MS](https://media.giphy.com/media/QvXe5wq8w94A0/giphy.gif)
Day 114 : In My Mind
Tags: hiphop, code, coding, lifelongdev
Published: 2020-04-10 22:37:17

_liner notes_:
- Professional : It was a pretty chill day. A lot of the team over in Europe had a national holiday so no meetings. Just did some research on some projects I'm working on.

- Personal : Doing laundry and putting together the radio show for tomorrow. I've been collecting the tracks and putting them in the folder. I think I've got enough tracks for like a month's worth of shows! In my mind, if I get all this done, I won't have to do prep work for a while

![On the shore of Kirkjufell, Iceland looking at an island with a mountain](https://dev-to-uploads.s3.amazonaws.com/i/h3ogp5cklqti5s7hjvbk.png)

Going to finish up prepping for the radio show. Maybe start a new anime series that I've heard good things about.

Have a great night and weekend. Stay inside/safe if you can!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube Q3uKANKEBFE %}
Agora.io Unreal Engine Plugin Beta Testing!
Tags: agoraio, unreal, beta, gamedev
Published: 2020-04-10 22:03:33

Hey devs!


"First of all, what is Agora, and why should I care?..."

Agora.io is the leading voice, video and live broadcasting platform that delivers sub-second latency globally. The Agora Platform enables developers to embed real-time engagement features like voice chat, video chat, and interactive live broadcasting within any application!

The possibilities are endless with the Agora Platform! Connect with friends in a video chat within your game,  broadcast your video stream to 1 million people in a single session, teach your students through an online lecture hall, and more!

Focus on your app experience and leave the heavy lifting on the network delivery side to us.


"Okay, but what's so 'Unreal' about this engine you're talking about?"

The Unreal Engine is one of the worlds leading game engines - powering titles like Fortnite, Rocket League, and Gears of War. 

Now being leveraged to create leading digital content used in live video broadcasts and entertainment, the lines between real and virtual are effectively gone. 

Here are some awesome examples for your viewing pleasure!

[Childish Gambino's "Pharos" Project](https://www.youtube.com/watch?v=DTAW0i7NSoo)
[World's First Mixed Reality TV Show](https://www.youtube.com/watch?v=O-84piSTkyY)
[Weather Channel's Studio Destruction](https://www.youtube.com/watch?v=x2aCSV5zYlA)


"Ok fine, the Weather Channel thing was pretty sweet... but what do these two things have to do with each other?"

Agora has recently released a beta-version plugin for the Unreal Engine!

At your fingertips is the ability to insert any group of people anywhere on the planet, into content that is limited only by your imagination. 

Connect and inspire the next generation of interaction with Agora SDK and Unreal Engine. 


"I might just take you up on that. Before I get started though, is there any chance that Agora has some kind of community program that recognizes creativity and posts challenges I can use to build my skills and portfolio?"

Funny you should ask! Great guess :)

Go to [Agora Allstars](https://community.agora.io/) to look into the "Agora Allstars" program. Where you can contribute to a growing community of devs who are using Agora to power virtual human connections all over the world.

Here are links to Github repos, where you can find a working example project, and instructions to build your own 1-to-1 video call from a scratch Unreal project, in Blueprints or C++.
[Blueprint Repo] (https://github.com/AgoraIO-Community/Agora-Unreal-SDK-Blueprint)
[C++ Repo](https://github.com/AgoraIO-Community/Agora-Unreal-SDK-CPP)


If you would like to learn more about Agora, [you can look us up here](https://www.agora.io/en/) 

and if you would like to learn about the Unreal Engine, [look here](https://www.unrealengine.com/en-US/)
particles.vue 1.2.7 released
Tags: vue, javascript, showdev, news
Published: 2020-04-10 21:42:00

# particles.vue

Vue.js component for [tsParticles](https://github.com/matteobruni/tsparticles)

## Installation

```shell
yarn add particles.vue
```


## Usage

```javascript
import Particles from 'particles.vue';

export default {
    name: 'App',
    components: {
        Particles
    }
}
```


### Simple config

```html
<template>
    <div id="app">
      <Particles id="tsparticles" lineLinked="true"/>
    </div>
 </template>
```


### Full Config

```html
<template>
    <div id="app">
      <particles
        id="tsparticles"
        color="#dedede"
        :particleOpacity="0.7"
        :particlesNumber="80"
        shapeType="circle"
        :particleSize="4"
        linesColor="#dedede"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="150"
        :moveSpeed="3"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push"
      >
      </particles>
    </div>
 </template>
```
Looping Back(to Web Development)
Tags: 100daysofcode, codenewbie, javascript
Published: 2020-04-10 21:20:18

First I just want to say thank you.

Recently I've had a great interaction with someone on one of the social media platforms I frequent, that led them to become my mentor. Sort of like a Jedi of coding, if you will, taking on a young(old) padawan :D 

We've had two video chats so far (he's in another country) but he's taken time out of his busy schedule with work, family, life, to give me time. To help guide and teach me as I head towards a career as a dev, and I just wanted to give him a hearty thank you for all the advice and mainly just for giving your time. I won't let you down.

I also want to say thanks to another guy I've talked to on twitter a bunch. I'm not sure if he reads my posts, but he's answered a ton of questions I've had in the past, and continues to offer me support when I need it.

Which brings me to the title. I call it looping back because When I first started learning to code, I did what every person trying to learn how to code does. I jumped on Udemy. (I'm kidding, but seriously) I went for web development like probably 2958395835.3333 other people. Rounded to the nearest decimal point.

The point is, after having tried a few languages and frame works (and a lot of thinking and several good conversations) I realized my interests still lie in more of the visual aspects, although (obviously) having knowledge of backend won't hurt either.

So with that in mind, I picked up the web development basics again, and added React. 

If you've been reading my posts, you know I was laid off a few weeks (I think?) ago. I decided a few days ago to spend 4 - 8 hours studying each day. It's not a hard number, obviously depending on what I have going on that day, but with all this free time in between family time and job applications I have a ton of spare time that I feel it would be a travesty to waste doing things that won't get me to the career I want. someone said that you can do anything you want, have anything you want, as long as you're willing to pay the price. For me, the price is time, and I'll gladly pay it.

<strong>The plan Part 1: Finish two courses</strong>
The courses: 
Andrew Mead's Modern JavaScript Bootcamp
30% Complete
Andrew Mead's The Complete React Developer Course (w/ Hooks and Redux)
5% Complete
<strong>The plan Part 2: Build Small Projects</strong>
I don't have a hard list of things to build yet. I'm doing a couple apps in the javascript boot camp that I'll most likely try to convert to react when I'm finished. 

The main point will though, will be to have an "end" point to the initial tutorials, and build stuff. That way instead of hopping from course to course, learning material to learning material, I will start using the skills I gain in order to solidify them and build solid portfolio projects that I can speak to.

Obviously both of these courses are project based, and have more than a few projects in them to sharpen the skills/learn how to put projects together.

I know I haven't posted much recently, so I'll go back to trying to post something maybe once a week as an update. Thanks for reading.
Encoders
Published: 2020-04-10 21:16:46

I feel a certain pull just before I write an article. I can't force it. It just comes. The feeling of needing to encode what I have learned builds over time and out pops an article. 

This post started off with the goal of describing how to identify the sequence of picture types (I, B, P frames) from H264 RTP packets captured in Wireshark. But then I watched this video 
[![The nature of time](http://img.youtube.com/vi/NrjFE_Rd2OQ/0.jpg)](http://www.youtube.com/watch?v=NrjFE_Rd2OQ) and things got weird. 

Things got so weird that I thought this article doesn't really belong on dev.to. I thought about posting on Medium but then locking down information has never been my cup of tea so I will release it here and wait to be ejected if this is not the appropriate platform.

Consider the idea that living things are a type of information encoder. We come into existence, encode information in various formats, and then exit from existence as an encoder. Living things are a special type of encoder that encode information like environmental adaptions that lead to a longer existence in a type of persistent storage called DNA. 

Some living things have worked out ways to encode survival information that can be decoded by direct descendants. Consider a lioness teaching her cub to hunt. The lioness extends on her cubs natural instinct (encoded in their DNA) and grows the instinct into a complex set of survival behaviours. The lioness was taught by her mother and without that guidance the lioness would not have survived to pass the information on to her cub. But this information storage mechanism has a degree of volatility - it is likely that if the cub loses its mother, the cub's existence will cease.

Some living things have worked out ways to encode survival information that can be decoded by a different type of encoder. Consider a wolf tamed by early humans for their mutual survival benefit. The wolf learns how to decode a subset of information encoded by humans and the human learns how to decode a subset of messages encoded by the wolf. This learned encoding/decoding information is partially stored in DNA, and partially via unbroken chains of inter-generational learning on both the human and wolf sides.

My ideas continue but get a little broader and little more strange so I thought I would just pause to see if I should continue.
I've reverse-engineered COVID-19's fronted app, using react hooks and context
Tags: reactnative, react, javascript, api
Published: 2020-04-10 20:52:52

---
title: I've reverse-engineered COVID-19's fronted app, using react hooks and context
published: true
description: 
tags: react-native, react, javascript, api
---

With a help of react-native and expo, I have created an app that uses public COVID-19 api. I've had ideas to build something with new react hooks for quite some time. Especially I was thrilled to encapsulate 3-rd party api logic.

I am pretty happy with the result. Works on both platforms. Feel free to mess around.
Repo: https://github.com/pavermakov/react-native-covid-19
Api: https://github.com/javieraviles/covidAPI
Expo web: https://expo.io/@pavermakov/covid-19
Expo app: https://exp.host/@pavermakov/covid-19

![app 1](https://dev-to-uploads.s3.amazonaws.com/i/ju2o0xyvze8l1qgao3jm.png)
Get Object ID in Azure Blueprints
Tags: blueprints, azure, objectid
Published: 2020-04-10 20:38:16

So, I am trying to spin up a Managed Identity and a KeyVault using Blueprints. I have an individually working template for each. My endgoal is to spin up both resources along with a few more together in the same blueprint. The issue I'm having is that I need to pass my Managed Identity's object ID to the KeyVault template during deployment. I have the blueprint setup to deploy the managed identity resource group, then the managed identity, followed by the keyvault group and keyvault. The deployment is working till the KV resource group and then failing during deployment of keyvault. Does anyone have any insight on how to do this?
Below is the blip of code that contains the access policy
 "resources": [
    {
      "type": "Microsoft.KeyVault/vaults",
      "apiVersion": "2016-10-01",
      "name": "[parameters('keyVaultName')]",
      "location": "[parameters('location')]",
      "properties": {
        "sku": {
          "family": "A",
          "name": "[parameters('skuName')]"
        },
        "tenantId": "[parameters('tenantId')]",
        "accessPolicies": [
          {
            "tenantId": "[parameters('tenantId')]",
            "objectId": "(objectId(parameters('managedIdentityRG'), Microsoft.ManagedIdentity', 'userAssignedIdentities'))",
            "permissions": {
              "keys": "[parameters('keysPermissions')]",
              "secrets": "[parameters('secretsPermissions')]",
              "certificates": "[parameters('certificatePermissions')]"
            }
          },
What’s your alternative solution? Challenge #18
Tags: challenge, javascript, codenewbie
Published: 2020-04-10 20:36:38

# About this series

This is series of daily JavaScript coding challenges... for both beginners and advanced users.

Each day I’m gone present you a very simple coding challenge, together with the solution. The solution is intentionally written in a didactic way using classic JavaScript syntax in order to be accessible to coders of all levels.

Solutions are designed with increase level of complexity.

## Today’s coding challenge

```
Create a function that will return a Boolean specifying if a number is prime

```

(scroll down for solution)

## Code newbies

If you are a code newbie, try to work on the solution on your own. After you finish it, or if you need help, please consult the provided solution.

## Advanced developers

Please provide alternative solutions in the comments below. 

You can solve it using functional concepts or solve it using a different algorithm... or just solve it using the latest ES innovations.

By providing a new solution you can show code newbies different ways to solve the same problem.

## Solution

```javascript
// Solution for challenge16

function isPrime(n)
{
    if (n < 2)
        return false;
        
    if (n == 2)
        return true;
    
    var maxDiv = Math.sqrt(n);
    
    for(var i = 2; i <= maxDiv; i++)
    {
        if (n % i == 0)
        {
            return false;
        }
    }
    
    return true;
}

println(2, " is prime? ", isPrime(2));
println(3, " is prime? ", isPrime(3));
println(4, " is prime? ", isPrime(4));
println(5, " is prime? ", isPrime(5));
println(9, " is prime? ", isPrime(9));

```


To quickly verify this solution, copy the code above in this coding [editor](https://codeguppy.com/code.html) and press "Run".

> Note: The solution was originally designed for [codeguppy.com](https://codeguppy.com) environment, and therefore is making use of `println`. This is the almost equivalent of `console.log` in other environments. Please feel free to use your preferred coding playground / environment when implementing your solution.