teleren/devto huggingface dataset:
removebg API Wrapper
Tags: removebg, api, wrapper, python
Published: 2020-05-21 18:18:34

Hi,

I thought I would write about a project that I built as a student. While I may not have made as substantial of a project as many standout graduate, I would nonetheless want to share what I've made. About a year ago, I wrote an API wrapper for remove.bg after being interested in the service. I initially found this service being announced as in beta on Reddit and I thought it was a very cool idea. The idea of removing a background from an image in seconds instead of using PhotoShop to trace everything and erase it was almost magical. 

After seeing this service and noticing that there as a community section in which people contributed their own API wrappers. I was inspired by them and decided to write a Python API wrapper for remove.bg. 

My API wrapper aims to simplify this process of interacting with this service by making the process of removing backgrounds from an image as simple as three to four lines in Python. I think most of the code is pretty self-explanatory. Check out my project here https://github.com/brilam/remove-bg
Invisible Cloak
Published: 2020-05-21 18:14:54

I hope you all know about Harry Potter’s ‘invisible cloak’, 
the one he uses to become invisible. We will see how we can do the same magic trick with the help of computer vision. 
I have used python and the opencv library.

Refer this for better understanding

 {% github https://github.com/akshat-max/Harry-potter-Invisible-Cloak %}
Responsive Design with Safari Responsive Mode
Tags: html, css, safari, webdesign
Published: 2020-05-21 18:10:28

---
title: Responsive Design with Safari Responsive Mode
published: true
description: A cool feature to see how your site would looked docked
tags: html, css, safari, web design
---

Today I learned that you can see how your website would look if a user on the iPad have your site docked to the side in split screen. I think this is really cool

<img src="https://i.imgur.com/6CWIpYb.png" alt="Responsive Design with Safari Responsive Mode" />
Reddit Interview Problem Generator
Tags: octograd2020
Published: 2020-05-21 18:10:15

## My Final Project

My classmate and I created a Reddit interview problem generator website that would take a question of user selected difficulty (Easy, Medium, Hard) from Reddit's Daily Programming subreddit and display the question, along with a text editor embedded into the website that the user could input his/her code in to run.

Our website also includes features allowing the generation of a problem of random difficulty as well as the option of having the user subscribe to our email listing in which the user can then receive a link to our website! 
 
## Link to Code
https://github.com/Brian-Hou/CSS436-Program5

## Link to Website 
http://dailyprogramming-env.eba-psip2mpw.us-west-2.elasticbeanstalk.com/


## Tech Stack (Services Used) 
1.	AWS Elastic Beanstalk
2.	AWS Simple Email Service (SES)
3.	DynamoDB
4.	Pushshift Reddit API
5.	HackerEarth API
6.	GitHub Markdown to Html API
Is Golang better than C?
Tags: go
Published: 2020-05-21 18:10:12

<a href="https://golang.org">Golang</a> is like C if it was designed today. So what are the differences? In this article we'll discuss this.

C has been around for ages and Go is a new language that's only been around for around a decade. The similarities with C are:

* Explicit in as many things
* Minimal syntax.
* Commonly done operations into the syntax.

Unlike C, Golang is:

* is not a general-purpose language, but language to replace C++ for back-end server applications.
* Go doesn’t have all the header file headaches of C
* Has built-in support for concurrency using <a href="https://golangr.com/goroutines/">goroutines</a>
* Has a dedicated operator for turning off a bit: &^.
* Doesn’t require odd, unreadable pointer syntax for function pointers.
* Doesn’t require ; semicolons to end statements
* Has declaration type inference.
* Compromise between object-oriented programming and <a href="https://golangr.com/methods/">procedural</a>
* Has a garbage collector 

It is much more pleasant to program in Go than in C.

But, Go isn’t really suitable for systems programming like OS kernels or device drivers. Nor is it suitable for embedded programming where you need direct realtime hardware access.
What are your worst habits as a developer?
Tags: discuss
Published: 2020-05-21 18:08:54

---
title: What are your worst habits as a developer?
published: true
description: Dial-in for a chance to be featured on DevDiscuss!
tags: discuss 
---
The format of our first official DEV Podcast, [DevDiscuss](https://dev.to/devteam/introducing-our-first-original-podcast-devdiscuss-53ej), begins with an interview and ends with commentary from the community. 

This week, our topic is habit building and productivity hacks. We want to know:

- What are your worst habits as a developer?
- What are your best habit building and productivity hacks?

If you'd like a chance to be featured in the episode, please send us a voice memo or leave a comment below by May 27, 2020.

Details on how to participate:

- Call our Google Voice at at +1 (929)500-1513 and leave a message 📞
- Send a voice memo to pod@dev.to 🎙
- OR, if you don't want your voice recorded...just leave a comment here and we'll read your response aloud for you 🗣

Our most recent episode: 

{% podcast https://dev.to/devdiscuss/s1-e2-how-to-make-remote-work-work %}

Thank you!!
How to Perform Chaining Requests in Postman? | 30 Days of API Testing | Day 21
Tags: testing, webdev, tutorial, beginners
Published: 2020-05-21 17:59:25

🚀Mastering API Testing -  https://www.learnapitesting.com

In this video of 30 Days of API Testing Challenge, We are going to discuss How to Perform Chaining Requests in Postman using postman.setnextrequest() and pass data from other request using global, env variables of postman.

Github CRUD Postman Collection  : 
- https://scrolltest.com/api/github_crud

[![30 Days of API Testing](https://i.imgur.com/b1m03vL.png)](https://youtu.be/J5SHAChK3nU "30 Days of API Testing")


🚀 Day 21 Task: Request Chaining with your API Testing Tool.

🚀 Thread:  https://scrolltest.com/api/day21

🚀 All Task List: https://scrolltest.com/api/task

🚀 Watch Full Playlist: https://apitesting.co/30days

--
Be sure to subscribe for more videos like this!

[![ TheTestingAcademy](https://dev-to-uploads.s3.amazonaws.com/i/r7vcy6wbvyjbk1y1uu0o.png
)](https://www.youtube.com/TheTestingAcademy?sub_confirmation=1 "TheTestingAcademy")
Grafana (MySQL) + Nginx reverse proxy
Tags: grafana, nginx, reverse, proxy
Published: 2020-05-21 17:57:49

1. Git clone from korakrit-c/grafana-with-nginx-on-docker.git

        git clone https://github.com/korakrit-c/grafana-with-nginx-on-docker.git

2. Make sure you can run docker-compose then starting it

        docker-compose up -d

3. Create a new config file on "nginx-revers-storage/conf.d/"

        cd nginx-revers-storage/conf.d/
        nano grafana.conf

4. Add this config

        upstream grafana_dashboard {
          server    grafana_dashboard:3000;
        }
        server {
            listen 80;
            listen [::]:80;
            server_name grafana.local;
            location / {
                proxy_pass http://grafana_dashboard;
            }
        }

5. Restart nginx

        docker exec nginx_reverse nginx -s reload
Building a Full-Stack Yelp Clone with React, GraphQL, & Hasura!
Tags: react, graphql, hasura
Published: 2020-07-09 04:55:41

---
title: Building a Full-Stack Yelp Clone with React, GraphQL, & Hasura!
published: true
date: 2020-05-21 17:51:40 UTC
tags: React, GraphQL, Hasura
canonical_url: https://hasura.io/blog/building-a-full-stack-yelp-clone-react-graphql-hasura/
---

In this video series, we'll build a mini Yelp clone where instead of reviewing restaurants, users review planets from the classic sci-fi series "[Dune](https://en.wikipedia.org/wiki/Dune_(franchise))". (Why? Because there's a new Dune movie coming out... but back to the main point.)

👉🏽 [Here's the written tutorial.](https://www.freecodecamp.org/news/how-to-create-a-full-stack-yelp-clone-with-react-graphql/)

👉🏽 [Here's the repo](https://github.com/hasura/yelp-clone-react) if you'd like to code along.

## Part 1: Search

We start off with a search feature so users can search for planets.

1. Deploy to Heroku
2. Create planets table
3. Create React app
4. Set up Apollo Client
5. Style list with Emotion
6. Search form & state

<iframe width="480" height="270" src="https://www.youtube.com/embed/lrYo_n-9LM8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Part 2: Live reviews

Our users will be visiting these planets, and writing reviews about their experience. We add routing to display reviews for each planet, and subscriptions so they update live.

1. Create reviews table
2. Track relationships
3. Set up routing
4. Set up subscriptions

<iframe width="480" height="270" src="https://www.youtube.com/embed/3kzXxc1XvRw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Part 3: Business logic

We implement a way to submit reviews through our UI, and (by special request from the [Bene Gesserit](https://en.wikipedia.org/wiki/Bene_Gesserit) themselves) some business logic to make sure the word "fear" doesn't appear in reviews.

1. Add input form
2. Test review mutation
3. Create action
4. Add business logic
5. Order reviews
6. Add review mutation
7. We did it! 🎉

<iframe width="480" height="270" src="https://www.youtube.com/embed/picA-ORNNH8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

##
An intercom I never need to answer
Published: 2020-05-21 17:47:15

> This entry is cross-posted at https://nerd-ramblings.com/twiltercom

Like many others, my old apartment building in Montreal had a phone based intercom system to buzz guests into the building. The intercom could be given entries with the names, unit numbers and a local phone number for each resident. This seems like a pretty sound system on the surface, but living in a student-dense area a few problems arose.

The first was that security was constantly very lax. Half the time the door wouldn't lock itself, other times people would prop the door open for their friends to get in but most frequently, people would just tailgate the next resident to arrive. I'm not too bothered by this since I had an automatically locking August Smart Lock on my apartments door so I decided to optimize my solution to convininence. Since I didn't need to carry a key to open my August lock, I decided it would be nice to also not need a key for my building's front door. After seeing a few other Twilio hacks at varios hackathons the lightbulb went off and a very simple solution became clear: I could change the phone number on the intercom to be a Twilio number and run a simple serverless function to receive the call and immediately dial 9.

The code really coundn't get much simpler:

```javascript
const qs = require("querystring")
const VoiceResponse = require("twilio").twiml.VoiceResponse
const webhook = require("discord-webhook-node")
const hook = new webhook.Webhook(process.env.DISCORD_WEBHOOK)

module.exports = function (context, req) {
    context.log("JavaScript HTTP trigger function processed a request.")
    const twiml = new VoiceResponse()
    const dial = twiml.dial()
    twiml.say("Hello")
    twiml.play({
        digits: "w999",
    })
    context.res = {
        status: 200,
        body: twiml.toString(),
        headers: { "Content-Type": "application/xml" },
        isRaw: true,
    }

    console.log("I'm here!")
    ;(async () => {
        try {
            await hook.send("Ding Dong! Someone's at the door!")
            console.log("Successfully sent webhook!")
        } catch (e) {
            console.log(e.message)
        }
    })()

    context.done()
}
```

For hosting, I decided to experiement with Azure Functions, purely since the workflow of developing and deploying Azure Functions in VS Code is so slick. Using [the extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions) all of the DevOps is taken care of with a few button presses. Can't be any easier.

After I got it working I addded an extra feature to send me an alert via a Discord webhook when the door was opened so that I could keep track of unexpected buzzing. The most frquent cause of them was of course package deliveries. Once it was done, all I had to do was point Twilio to the Azure Functions end point and I had an intercom that would auotmatically open once my name was dialed. It's not the most secure thing but it sure was convininent for me.

You can check out the full [project repo on Github](https://github.com/krubenok/Twiltercom).
Don't use @font-face in styled-components with GatsbyJS
Tags: gatsby, styledcomponents, font
Published: 2020-05-21 17:46:49

I recently found out, that using @font-face in styled-components in a gatsbyjs-project causes the page to flicker and request the font on each render. Just move "@font-face" to a font.css file and import it in the layout component. No more flickering! 

Demo:  https://font-face-styled-components.netlify.app
Twitter auto Retweet and Likes bot (Uses JavaScript) 
Tags: Twitter, devops, twitterbot, javascript
Published: 2020-05-21 17:45:03

#JavaScript Twitter Bot 😎🤩

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/18icwt3gmwls3xdzx4bs.jpg)

Documentation available on my GitHub🤗. 

Https://github.com/Raghavkhanna30/twitterbot

#Note - 

If you are facing issues in deploying in heroku feel free to contact me on Twitter

My username @erRaghavKhanna (Twitter) 😌

Cheers!!!
100 Days of SwiftUI — Day 1
Tags: 100daysofswiftui
Published: 2020-05-22 10:09:34

---
title: 100 Days of SwiftUI — Day 1
date: 2020-05-21 17:14:14 UTC
published: true
tags: 100daysofswiftui
canonical_url: https://zeitschlag.net/100-days-of-swiftui-day-1/
---

This week, I attended [UIKonf 2020](https://uikonf.com), a conference for iOS developers. Due to the current circumstances — you might have heard of the COVID-19 pandemic, I suppose — the conference took place as a remote conference and so I spent basically two days watching videos at my desk at home. It was great and lots of fun and I really enjoyed it and learned some things.

Paul Hudson gave the first talk. If he doesn't give talks on "conferencing from home" conferences, he runs [Hacking with Swift](https://www.hackingwithswift.com) and writes about Swift, tutorial, books and so on. His talk reminded me that I wanted to take part in his [100 Days of SwiftUI](https://www.hackingwithswift.com/100/swiftui) series to learn SwiftUI. The idea is that you learn about SwiftUI for 100 days in a row — up to one hour per day — and you tell others about your progress. That's why there might a couple of pretty short blogposts coming in the next days and weeks. Please feel free to ask if I didn't post for a day or so :-)

Today I learned some basics on my [first day](https://www.hackingwithswift.com/100/swiftui/1). Although it wasn't really a challenge, as I already get paid for writing Swift as an iOS deeveloper, I learned that you can put a `\` in a [multi-line string](https://www.hackingwithswift.com/sixty/1/3/multi-line-strings) when you don't want a line break at that position.

I'm looking forward to the second day and I'm pretty curious for how long I'll can free an hour a day.

<!--kg-card-end: markdown-->
Advice for begining javascript?
Tags: javascript, beginners, help
Published: 2020-05-21 17:04:30

How does someone learn javascript? I’m currently doing a codeacadmey course and it’s not going too well, Webinars are all too advanced even the beginner ones. I tried w3scools and it’s simple  enough but it’s so hard to remember anything. I’m not a tech person so i don’t know what bots or vue or angular does or how they relate to javascript or why there are tutorials for those. Feeling really defeated
Player Detector
Tags: octograd2020
Published: 2020-05-21 17:02:41

## First Machine Learning Project
Created for an introduction to image understanding course.

Simple player detection, using PyTorch's Faster R-CNN model with a ResNet-50-FPN Backbone, with in-place horizontal flipping data augmentation.

## Demo Link
https://github.com/ryanro97/player-detector/blob/master/predicted-1.gif
https://github.com/ryanro97/player-detector/blob/master/predicted-2.gif
https://drive.google.com/drive/folders/1oLPPxYUrAYwq40zxfc5OilLNLeyW4kct?usp=sharing

## Link to Code
{% github https://github.com/ryanro97/player-detector %}

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
Built on Jupyter Notebook using Python 3 and mainly the PyTorch library, with the addition of cv2 and skvideo packages. Trained using Google Colab's Tesla K80 GPU.

## Additional Thoughts / Feelings / Stories
Though the outcome was satisfactory, optimizing parameters for a model with a dataset that takes roughly 12 hours to train is extremely time consuming and at times quite frustrating. This made me do a double take whether I wanted to go further into this area.
QnA System
Tags: android, node, python, productivity
Published: 2020-05-21 17:00:45

Hello awesome community,

Wanna find answers in your PDF file ? Upload the questions file and that PDF, we will take it from there.

In this project, BERT model is used to build a Question-Answering system which answers user’s question using the content and questions file uploaded by them in the Android Application.



##### <a href="https://www.youtube.com/watch?v=VQOaiabFpR0">Demo Link</a> 
 

##### <a href="https://github.com/tanishq9/QnA-System-Android-Application">Code Link</a>

The Android Application is build using Android Studio in Java, for Backend Node.js and Express were used, in combination to that Google's BERT Model which is in python was also used. 

First Post on this platform ! Feels awesome !


[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
Halfway through GFTW!
Published: 2020-05-21 16:59:29

Well, it's technically a bit over half, but *moving swiftly onwards*...

## What I've been working on
I've been working on a revenue sharing library, written in vanilla Javascript.  
It'll include a `<rev-share>` element that utilizes the probabilistic revshare model outlined on the webmonetization.org site.  

It can be found on GitHub and [on NPM](https://www.npmjs.com/package/@kewbish/revshare).:
{% github kewbish/revshare %}

Both are still undergoing development - as I like to say, *don't scronch please*.

I'm pretty well through the project: only some bugfixes and implementing some other minor features.   
Right now, it has a pointers attribute RNG feature, and an additional exclusive revshare feature. I'm pretty happy with it - it's small, but it's mine!

I would consider myself better versed in Python than Javascript, and this was a great learning opportunity to get into Web Components. I can now see parts of what powers frameworks like Vue. As well, I familiarized myself with some more common Javascript functions, like arrow and forEach functions.  

One great resource I used during this time was the [Mozilla Web Components docs](https://developer.mozilla.org/en-US/docs/Web/Web_Components). For some reason, the Google page was a little out-of-date regarding defining an element, and Mozilla's docs really helped me understand the lifecycle events and some best practises.  

## Journey

I started out by researching and looking around for ideas. I was initially going to build a component library with Vue, but realized that my experience with Javascript was too limited even to build a proper component.

I then moved to thinking about vanilla Javascript, and that's what I decided on pursuing for the hackathon. Then, I started skimming docs, and started building for real! That's mostly what I've been doing for the last weeks (though I had a computer problem that delayed me for weekend.)

I look forward to finishing up, and submitting the project! This hackathon was super fun to work with, and reading everyone's posts about their projects was also very inspiring.  

This was also my first post on Dev! My blog is undergoing some construction right now, so I'll try to post / crosspost more frequently here in the meantime.
Xamarin.Android - App Bundle Settings
Tags: xamarin, android, mobile, dotnet
Published: 2020-05-21 16:52:49

Hi friends,
Today I will try to explain to you how we use App Bundle management, the method of publishing the APK on Xamarin.

Basically, the Advantage of the Application Package is said to reduce the application size by 20-50%.

When our application size is reduced, different advantages arise;
* Faster downloads
* Increased download rates
* Reduced removal rates, etc.

To perform these operations, you must have at least Visual Studio 16.4. First of all, we need to make sure that our Visual Studio is up to date.

<b>Note: I did not add the details in Step 4. If you do not know how to create an APK, it is useful to check the <a href="https://docs.microsoft.com/tr-tr/xamarin/android/deploy-test/signing/?tabs=windows">document here</a>, you need to know how to sign an application package.</b>

If you are ready, apply step by step:
<h3>Step 1</h3>
Set the Realese Mode

<h3>Step 2</h3>
Go Project Properties(Project>ProjetName properties)
Go Tab on the <b>Android Opitons</b> Menu > <b>Android Package Format</b> and select "bundle"

<h3> Step 3 </h3>
Go Build Menu > Archive and wait for building...
<h3> Step 4 </h3>
Click the Distribute button and save format <b>".aab"</b>
<i><b>It's done..</b></i>

There was a change in my application as follows:
<img src="https://miro.medium.com/max/700/0*Fs6fZtKzUdJ0wMmk.png"/>

-----

It is an excerpt from my own blog: https://semihcelikol.com/xamarin-android-app-bundle/

Referances:
https://devblogs.microsoft.com/xamarin/android-app-bundle/
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-05-21 16:52:46

day 73/100 of #100daysofcode #Flutter
Learning Flutter , courses Udemy from
@maxedapps

Today new projek from course , "great place' prepare projek, like model, provider, screen
https://github.com/triyono777/100-days-of-code/blob/master/log.md
Personal project
Published: 2020-05-21 16:52:14

# For Github Graduation

One of my few projects at the Faculty of Mathematics and Computer Science, University of Bucharest, was a little robotics project which consisted in creating a game using a 8 x 8 LED Matrix. As such, I came up with the idea of making a more retro game which I titled Ball Drop.

## Ball Drop

![Image of the project](https://i.imgur.com/Acfqlw9.jpg)

## Components I used for the project

- Arduino UNO

- 2 x Medium Breadboard

- Red 8x8 LED matrix

- 1 x Max7219 driver

- LCD 1602 Module

- 10 μF, 0.1 μF capacitors

- 10k, 1k, 220 Ohm resistors

- Joystick Arduino Module

- Jumper wires male-male (lots of them)

- 5 x Jumper wires male-female (for the joystick)

## About the game

In this game you are a ball that has to try to get as far as possible without being squashed by the platforms on the top of the screen.

### Controls

You have a joystick to move side-ways ( or up and down in the menu).
It adds an arcade-ish feel to it, but can be easily swapped with any input module. 

### Scoring system

There's a highscore that gets saved on the arduino and you can always try to beat the previous highscore.
The score is calculated by "how long you survive", every 300 ms you get some points (calculated by the current speed of the platforms).

### Difficulty

The difficulty consists of constantly raising the speed of the platforms, they start from Speed 1 all the way to Speed 10

## Video

Click on this [link](https://www.youtube.com/embed/WU3zjfFL5Lk) to see the whole project in action.