teleren/devto huggingface dataset:
I wrote a Github CLI extension to fuzzy find repos and run actions on them
Published: 2021-12-04 13:52:40

---
title: I wrote a Github CLI extension to fuzzy find repos and run actions on them
published: true
date: 2021-12-03 16:01:32 UTC
tags: 
canonical_url: https://livecode247.com/i-wrote-a-github-cli-extension-to-fuzzy-find-repos-and-run-actions-on-them
---

I went ahead and created a Github CLI extension which fuzzy finds repos and you can choose an action you want to run on it.

![gh-repo-fzf.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1638547640775/1TnE4fnycI.gif)

### Requirements

1. `gh cli` - minimum version (2.0.0)
2. `fzf`

## Installation

### Via the Github CLI

```
gh extension install kavinvalli/gh-repo-fzf

```

### Manually

You can also install it manually by following these steps:

1. Clone repo

2. cd into it

3. Install it locally

## Usage

- To list all directories you have access to, run:

```
gh repo-fzf

```

- To list directories of a particular user / organisation:

```
gh repo-fzf <username/organisation-name>

```

After choosing a directory, you will be prompted to choose one of the following:

- `Clone` - clones a repository to your local machine
- `View` - opens the Github URL of the repository
- `Fork` - forks the repository
- `Archive` - archives the repository

Feel free to put up any issue you face on the [Github Repository](https://github.com/kavinvalli/gh-repo-fzf). Contributions are also welcome.

Don't forget to star the repo 😉

{% github kavinvalli/gh-repo-fzf no-readme %}
A festive introduction to Computer Vision with Azure Custom Vision - LIVE - Dec 9
Tags: azure, ai, beginners, tutorial
Published: 2021-12-03 16:25:16

**I am speaking at YES | Yearly Edu Summit 2021**

The Yearly Edu Summit (YES) 2021 takes place next week and I am really excited to be part of it! I will talk about Azure Custom and show how to build and deploy an object detection model to save Santa Claus 🎅.

Date: **December 9th, 2021**
Time: **11:00-12:00 GMT**
Location: Global
Topic: AI, Computer Vision, Python, OpenCV
Registration: [aka.ms/yearlyedusummit](https://aka.ms/yearlyedusummit)

**Session Description**

Santa Claus has been kidnapped! The Christmas elves have called upon you to save Santa Claus by developing an intelligent AI-app.

Azure Custom Vision is an Azure Cognitive Services service that lets you build and deploy your own image classification and object detection models. In this session, you will learn how to use the pre-trained machine learning models in Azure Custom Vision service, build and deploy your own object detection model and consume the model in a Python app.
How to Create Custom 404 error page
Tags: webdev, html, css, beginners
Published: 2021-12-03 16:01:35


Hello, Do you need to add a custom 404 error page on your website/blog? 404 error happens when a user opens a non-existing page on your website such as an incorrect link, a page that has been deleted, or when the user mistyped a URL.

In this tutorial, you will learn how to add a custom 404 error page on your website/blog. Next, We will describe how to change the title of 404 error pages and prevent them from being indexed by Google.

#How to add custom 404 error page
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7sff9e0iq1ajxm5xzoa7.jpg)
Here’re steps to adding a custom 404 error page on your WordPress website/blog –

1.First, login to your WordPress Dashboard.
2.Go to Appearance > Theme Editor.
3.Under theme Editor find 404.php option, and click on it.
4.Now copy and paste the following code in the page.

```PHP
<?php get_header(); ?>
<img src="https://i.ibb.co/W6tgcKQ/softcodeon.gif">
<title>Page Not Found</title>
<h1 class="error-text">Whoops, We can't seem to find the resource you're looking for.</h1>
<p class="text">Please check that the Web site address is spelled correctly.Or,</p>
<div class="button">
<a class="error" href="#">Go to Homepage</a>
</div>
<style>
*{padding:0;margin:0;background:#f0f0f0;}
img{display: block;
  margin-left: auto;
  margin-right: auto;}
  .button{text-align:center;}
 .text{text-align:center;font-size:20px;margin-bottom:40px;}
 .error-text{text-align:center;padding:20px;  font-family: Cursive;
} .error{font-family: 'Roboto', sans-serif;font-size:1.5rem;text-decoration:none;padding:15px;background:#6200ee;color:#fff;border-radius:10px;}
</style>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
```
Finally, tap the “Update File” button.

Note: Please Keep in mind if you have the same classes as I have added in the above code please change them with the unique classes you want. You can also customize the style by adding background color, changing image or Gif, Modify Font Family, and text for the error page. 
To prevent Google and other search engines from indexing 404 error pages of your blog  Follow this guide to know [How to Hide a Page from Google Search](https://dev.to/softcodeon/how-to-hide-a-wordpress-page-from-google-l79)

Want to read in detail from official website [Create 404 Error page] (https://softcodeon.com/tutorials/create-custom-404-error-page.htm). I'll recommend to add other best page links to your 404 error page.

To see [DEMO](https://codepen.io/softcodeon/pen/QWqjwLY)

I hope you find this guide helpful to customize the 404 error page of your website blog. Please discuss below if you have any question about this simple 404 error page.
5 Articles every WebDev should read this week (#48)
Tags: webdev, tutorial, javascript, programming
Published: 2021-12-03 15:51:20


## Advent of JavaScript

> 24 JavaScript Challenges for the Season

https://www.adventofjs.com/

---

## Accessibility Myths

> A small project debunking common accessibility myths.

https://a11ymyths.com

---

## The HTML `video` element needs to go back on the drawing board

> We’ve had the HTML `video` element for over a decade. Yet, everyone still defaults to embedding YouTube frames instead of hosting their own videos. The underlying problem is that the `video` element isn’t suitable for embedding short video files on webpages.

https://www.ctrl.blog/entry/html-responsive-video.html

---

## How To Maintain A Large Next.js Application

> In this article, Nirmalya discusses some of the complex problems that he faced while building and maintaining large Next.js applications. He always explains how these problems can be solved by using various tools.

https://www.smashingmagazine.com/2021/11/maintain-large-nextjs-application/

---

## How JavaScript engines achieve great performance

> In this article, we’re going to look closer at a few techniques that different JavaScript engines use to achieve good runtime performance.

https://blogg.bekk.no/how-javascript-engines-achieve-great-performance-fb0b36601557
---

Follow me on [Twitter: @martinkr](http://twitter.com/_martinkr).

Photo by [Alex Kulikov](https://unsplash.com/@burntime) on [Unsplash](https://unsplash.com)

---
 
[![Subscribe to the weekly modern frontend development newsletter](https://modernfrontend.dev/banner/banner_583-111.png)](https://modernfrontend.dev/)

---
openssl/opensslv.h file not found
Tags: reactnative, javascript, ios
Published: 2021-12-03 15:43:44

Whenever i initialize a react native project and run it for the first time, i always get the above error and my fix to this is 
1. comment out use_flipper!() in your podfile located in ios/ directory
```
# use_flipper!()
```
2. delete this file -> podfile.lock
3. delete Pods folder
4. run `pod install` in terminal after navigating to the ios folder of your project. Then navigate back to the root of your project and try to build again.
Hope this helps
Video Animation Using HTML & GSAP
Tags: html, javascript, webdev, beginners
Published: 2021-12-03 15:35:16

Hello Guys,

Today I Created an Video Animation using HTML CSS & GSAP Animation. In this post I use simple video and GSAP for increase video width on scroll and some other code to show title and subtitle. I hope you like this also comments about your thoughts. also For more content **follow me on Instagram**  [@developer_nikhil27](https://www.instagram.com/developer_nikhil27/).

Thank you 🙂!

{% codepen https://codepen.io/NikhilBobade/pen/YzryzJZ %}
Protocol Buffers di Bahasa Go
Tags: go, protobuf, grpc, microservices
Published: 2021-12-03 15:21:55

Protocol Buffers adalah mekanisme bahasa dan platform netral yang dibuat oleh Google dan dapat diperluas untuk membuat serialisasi data terstruktur. Protobuf sendiri hanya bertugas untuk serialisasi data saja, sementara untuk komunikasi antar service harus menggunakan gRPC.

> gRPC adalah sebuah remote procedure call atau RPC yang dibuat oleh google. gRPC menggunakan HTTP/2 untuk komunikasinya, dan Protocol Buffers di bagian antarmuka-nya.

Mungkin masih terasa abstrak sebenarnya apa fungsi protobuf ini. Agar lebih mudah Saya akan mengilustrasikan sebuah service origin yang mengkonsumsi data dari service destination (RESTful), dengan data dikirimkan dalam format JSON. Service origin adalah service yang mengkonsumsi data berupa JSON, Sementara service destination adalah service yang menghasilkan data berupa JSON.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qnggzke804ooerjzxhbc.jpg)

Dari ilustrasi diatas, HTTP digunakan sebagai transport antara service origin dan service destination dan JSON digunakan sebagai format request payload dan response body.

Kalau arsitektur http request response menggunakan JSON dikonversi kedalam bentuk gRPC dan probuf, maka akan menjadi seperti gambar dibawah ini.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zq4qjz0b4vjra7k7oy63.jpg)

Cukup bisa dipahami bukan?

Sederhananya protobuf itu mirip seperti JSON atau XML, namun perbedaannya protobuf lebih terstruktur dan skema model harus didefinisikan diawal (schema on write).

Skema dalam protobuf didefinisikan kedalam file berekstensi `.proto`. Dari file tersebut akan digenerate model sesuai bahasa pemrograman yang dipilih. Misalnya bahasa yang dipilih Java, maka model yang digenerate akan berupa POJO. Kalau bahasa yang dipilih Go, maka model yang digenerate berupa struct, dsb.

> gRPC dan protobuf merupakan salah satu pilihan terbaik untuk service yang dibangun mengadopsi arsitektur microservices.
Download build assets from any of your deploys
Tags: netlify, hosting, tips
Published: 2021-12-03 15:13:19

---
title: Download build assets from any of your deploys
published: true
description: Whether you uploaded all of your site's assets, or if they were generated in Netlify's servers by your build, you can download them as a zip file. Here's how.
tags: Netlify, Hosting, Tips
cover_image: https://www.netlify.com/img/blog/og-download-assets.png
canonical_url: https://www.netlify.com/blog/2021/12/03/download-build-assets-from-any-of-your-deploys/
series: Netlify - a feature a day 2021
---

> Throughout December we'll be [highlighting a different Netlify feature each day](https://www.netlify.com/blog/2021/12/01/highlighting-a-different-netlify-feature-each-day-in-december/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets). It might just be the thing you need to unlock those creative juices, and [dust off that domain](https://www.netlify.com/blog/2021/12/01/dusty-domains-your-forgotten-domains-raise-money-for-charity/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets) you registered but never deployed! Keep an eye [on the blog](https://www.netlify.com/blog/2021/12/01/highlighting-a-different-netlify-feature-each-day-in-december/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets) and on [Twitter](https://twitter.com/netlify) for each feature!

Did you know that you could download the build assets from any one of your deploys?

It's true! Whether you uploaded all of your site's assets, or if they were generated in Netlify's servers by your build, you can download them as a zip file.

Download the snapshot of any of your previous site versions by clicking the download arrow in its Deploy Details page.

![Download arrow in the Deploy Details page](https://www.netlify.com/img/blog/ui-download-deploy-assets.jpg "Download your build assets")

We'll package up all of the assets from that deploy into one handy zip file for you to download.

<iframe width="560" height="315" src="https://www.youtube.com/embed/G51nwe0vWNQ" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## More information

* [Netlify Build](https://www.netlify.com/products/build/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets)
* [Docs: Creating deploys on Netlify](https://docs.netlify.com/site-deploys/create-deploys/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets)
* [A different Netlify feature each day](https://www.netlify.com/blog/2021/12/01/highlighting-a-different-netlify-feature-each-day-in-december/?utm_campaign=featdaily21&utm_source=devto&utm_medium=blog&utm_content=download-assets)
Best OS for DEVs
Tags: linux, fedora, archlinux, ubuntu
Published: 2021-12-03 15:02:08

Choosing an operating system is the first thing that new devs has to think of, as there are lots of Opensource free Operating System with great community support, of these we will be talking of the most popular ones 
## Manjaro 
Manjaro is a arch based, beginner friendly linux, It comes with a gui installer and basic tools already installed, it uses pacman package manager you can also install AUR. The cummunity is very friendly and you will get all kinds of help. it's a great choice for devs with any level of expertise
[Download here](https://manjaro.org/download/) 
##Fedora
Fedora is a testing Operating system from REHL i.e. products are tested on fedora before launching in REHL, it's a very stable linux and is very easy to setup and mantain it uses dnf and not yum you can also install `.rpm` packages which can come in handy 
[Download here](https://getfedora.org/en/workstation/)
##Ubuntu
Ubuntu is debian based and is my distro of choice as every thing works out of the box, it has a greate community backing it. it use apt package manager. You can also install `.deb` packages 
[Download here](https://ubuntu.com/download/desktop)
## Arch linux
Arch is a independent rolling release distro  and is minimal by design. It uses pacman as the default package manager but you can install AUR to get extra package manager. It's to be by expert user as it does not come with a gui installer
[Download here](https://archlinux.org/download/)
##Conclusion
Ubuntu is a great distro for all purpose as everything that you need for developement can be installed without any hassel.Manjaro and Fedora is for who are a bit familiar with linux, And arch is for expert User. But don't let the above line stop from using any of the distros, as all these operating system has a lot of community support and wiki pages to help you get going 

[![Buy Me A Coffee][2]][1]

[1]: https://www.buymeacoffee.com/Ayandev
[2]: https://cdn.buymeacoffee.com/buttons/default-black.png
Advent of Code 2021 - Day 2
Tags: adventofcode, java, programming
Published: 2021-12-03 14:57:18

Hi Everyone!

My solution of the first puzzle of Day 2!

```java
package main;

import java.io.File;
import java.util.*;

public class Puzzle {
  public static void main(String[] args) {
    try {
      File input = new File("/Users/files/input.txt");
      Scanner sc = new Scanner(input);
      int x = 0;
      int y = 0;
      while (sc.hasNextLine()) {
        String inputLine = sc.nextLine();
        int number = Integer.parseInt(inputLine.substring(inputLine.length() - 1));
        if (inputLine.contains("forward")) x += number;
        else if (inputLine.contains("down")) y += number;
        else y -= number;
      }
      System.out.println(x * y);

    } catch (Exception e) {
      System.out.println("Error!");
    }
  }
}
```
November Was All About Vue & Vue.JS in 2021
Tags: vue, programming, techtalks
Published: 2021-12-03 14:51:43

Are you looking for the most awesome [**Vue.js videos**](https://blog.meetupfeed.io/vue-vue-js-november-2021/)? Well, look no further, we deliver exactly what you need. Here are the best ones from November, and believe us, they are all worth checking out.

[**Continuous Delivery in VUE using GitLab Feature Flags | Kristian Muñoz**](https://meetupfeed.io/talk/continuous-delivery-in-vue-using-git-lab-feature-flags-with-kristian-munoz)
Jump into what continuous delivery and feature flags truly are. Let us guide you through different feature flag types, and the pros and cons of using them. All in all, learn how to reach continuous delivery in Vue, using Gitlab feature flags.

[**Create A Vue.js 3 Full Stack Application With Amplify, GraphQL, Auth and More | Erik Hanchett**](https://meetupfeed.io/talk/create-a-vue-js-3-full-stack-application-with-amplify-graph-ql-auth-and-more-teamseas)
Get ready for Erik Hanchett telling you all the details of how you can create a full stack application including AWS Amplify, Appsync, Lambda, Cognito for Authentication and Authorization and more!

[**Every New Vue Developer Has Made These Mistakes | Erik Hanchett**](https://meetupfeed.io/talk/every-new-vue-developer-has-made-these-mistakes)
No one is perfect and there are mistakes that you can’t avoid at first, as a new developer. These certain mistakes are identified and explained by Erik Hanchett. How can you avoid these mistakes in the first place? He includes props, double brackets, how to use slots and the list goes on.
Serverless: The Best Meetups In November, 2021
Tags: serverless, techtalks, tutorial, programming
Published: 2021-12-03 14:49:20

Serverless enthusiasts were lucky this month, November had lots of interesting [**meetup videos**](https://blog.meetupfeed.io/serverless-november-2021/) regarding the serverless framework. Check out the most watched videos below.

[**Advanced Serverless Messaging Patterns for your Applications | Julian Wood**](https://meetupfeed.io/talk/advanced-serverless-messaging-patterns-for-your-applications-julian-wood)
Dive deep into how the right messaging patterns between your services can help with durability, availability, and reducing custom code. Get familiar with fan-out, queuing, decoupling and many many more! Julian strives to help developers learn how they can use serverless technologies in order to transform the way they build and run applications.

[**Integration Testing Serverless Architectures, EventBridge and Beyond | Sarah Hamilton**](https://meetupfeed.io/talk/integration-testing-serverless-architectures-event-bridge-and-beyond-sarah-hamilton)
Wondering how you can create highly scalable, loosely coupled systems? Check out Event-driven architectures using Amazon’s EventBridge. Explore different options of testing with Sarah Hamilton.

[**Local Development for Serverless is an Anti-pattern | Gareth McCumskey**](https://meetupfeed.io/talk/local-development-for-serverless-is-an-anti-pattern-gareth-mc-cumskey)
It is unnecessary in the serverless world to try and build an environment that is a replica of the cloud. In fact, it can be rather harmful. Why? Find out from this video with Gareth McCumskey.

[**Server less, Code more | Aydrian Howard**](https://meetupfeed.io/talk/server-less-code-more-aydrian-howard-prisma-serverless-conference)
Find out what you need in order to only be able to focus on the code and nothing else. Explore CockroachDB Serverless, that gives programmers an immediate access to an auto-scaling SQL database that they can spin up in seconds. No more worrying about hardware details or capacity planning and pay only for what you use.
React & React Native Videos You Must See From November, 2021
Tags: react, reactnative, techtalks, programming
Published: 2021-12-03 14:45:49

And we’re back with November’s selection of React & React Native [**meetup videos**](https://blog.meetupfeed.io/react-react-native-november-2021/)! Have a look at what the [**MeetupFeed**](https://meetupfeed.io/talks/1) Community loved this month.

[**How to Use a GamePad in ReactJS | Daniel Bark**](https://meetupfeed.io/talk/how-to-use-a-game-pad-in-react-js)
Discover this tutorial of Daniel Bark, guiding you through the usage of a GamePad within your React application. Learn how to render out all the buttons and their values. Try out different controlling styles of your app using a GamePad.

[**Local Notifications in React Native | Helena Ford**](https://meetupfeed.io/talk/react-native-eu-2021-helena-ford-local-notifications-in-react-native)
Exploit the full power of notifications to increase user engagement and user retention. Learn all about local and remote notifications and how to integrate them in a React Native application. Go above and beyond and elevate them to enhance overall UX.

[**How to iterate on your app faster with Expo | Jon Samp**](https://meetupfeed.io/talk/react-native-eu-2021-jon-samp-how-to-iterate-on-your-app-faster-with-expo)
How can you transfer your ideas into actual reality while running into complexities of configuration? Find out how you can communicate with your team properly to make it to the finish line? Find out from Jon Samp, who built Codecademy, which was featured on the Apple App Store, App of the day.
Mainstream Python Videos From November, 2021
Tags: python, techtalks, programming, tutorial
Published: 2021-12-03 14:42:01

This November was overloaded with the highest quality [**Python related meetups**](https://blog.meetupfeed.io/python-november-2021/). Check out what the most sought after videos were and pick your favourite!

[**Simple, Open, Music Recommendations | Sam Thursfield**](https://meetupfeed.io/talk/simple-open-music-recommendations-in-python-with-no-machine-learning)
How can you create a simple open source tool that competes with the music recommendations of Spotify? Can the open source world stay relevant when music listening has become dependent on commercial streaming services? How will it keep up with the expectations of users when it comes to recommendations? Find out from Sam Thursfield.

[**Introduction to Python for Automating Business & Financial Processes with Liberty Mutual | Kate Ferguson**](https://meetupfeed.io/talk/introduction-to-python-for-automating-business-financial-processes-with-liberty-mutual)
Dig into the foundations of how to identify opportunities to automate manual, repetitive processes and also, how to actually automate them using basic Python. Let Kate guide you through her work with finance and business partners and how she could identify potential automation challenges and possibilities.

[**Implementing C++ Semantics in Python | Tamir Bahar**](https://meetupfeed.io/talk/implementing-c-semantics-in-python-tamir-bahar-ndc-tech-town-2021)
Do you often find yourself reaching out for C++ features and techniques, just like Tamir? What if we tell you that we can bring C++’s destructors into Python? Crazy, right? Be introduced to a library that does exactly what you wish for. We will bring destructors and function overloading, member access specifiers, and many more features into Python.

[**Domain Driven Design Patterns in Python | Robert Smallshire**](https://meetupfeed.io/talk/domain-driven-design-patterns-in-python)
Craving to understand Domain-Driven Design? Robert Smallshire tells you how to organize and minimize the essential complexity of your software in Python. Get introduced to the core tactical patterns of DDD and how they can be realised in idiomatic Python, while freeing the most valuable parts of your system.

[**Understanding the Power of Hash Tables | Karen Wong and Chethana Gopinath**](https://meetupfeed.io/talk/understanding-the-power-of-hash-tables-with-ww-code-python)
Eager to understand the power of hash tables? Here, you will learn how to leverage them to solve your problems. Also covering the topic of what a hashtable is, how to use it correctly and for what purpose want to you use it for.