teleren/devto huggingface dataset:
Blogody API Client 🔥
Tags: blogging, beginners, tutorial, saas
Published: 2021-08-26 21:08:08

The Blogody API Client makes pulling data from headless Blogody a breeze. It serves two major purposes: easy data fetching from Blogody into your JavaScript/TypeScript projects and demonstrating the use of the Blogody GraphQL interface.

I am excited to release the [Blogody API Client](https://github.com/Blogody/api-client) today on a free open-source license. It is **for developers** who want to *programmatically fetch* data from [Blogody](https://www.blogody.com). The API client is a tiny, isomorphic *TypeScript package* that communicates with Blogody over it’s built-in **GraphQL interface**.

Note that there will be other export mechanisms coming to Blogody soon, that don’t require any programming skills. However, if you like to play around with code, you can use this client to *backup your published articles*, *feed other systems* or even make your *own front-end theme*. There are so many possibilities!

> You need to be on the Blogody Pro Plan in order to be able to use the API

### Prerequisites

I assume that you are familiar with Javascript/TypeScript and know how to write code that can be executed with NodeJS or in the browser. First you need to install the client from `npm`:

```typescript
yarn add @blogody/api-client
```

This will download the package from `npm` and add the client to your `package.json` file.

### Example Usage

Using the package and fetching data is dead simple. After importing the `BlogodyAPI` class, you simply instantiate it with your API key. You can then call the `async` functions like `api.settings()` or `api.posts()` to fetch the data.

```typescript
import { BlogodyAPI } from '@blogody/api-client'

const api = new BlogodyAPI({ key: 'YOUR BLOGODY API ACCESS KEY' })

// make an API calls
const settings = await api.settings()
const posts = await api.posts()

console.log(posts)
```

There are many more functions available, so you can fetch `authors` and `tags` as well. As the client is written in *TypeScript* all available functions and options are shown to you when you hover in an editor that supports intelisense.

### Where to find the API key?

You need to generate your key in Blogody under *Settings -> Developers*:

![blogody screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dai7gzkbgllntrg0mtqr.png)
Substitute `YOUR BLOGODY API ACCESS KEY` in the above code snippet with the newly generated key.

### What’s next?

Let me know if you have created something cool with it and I’ll be more than happy to share with the world.

---

This post was originally published at [Blogody News](https://www.blogody.com/news) on August 11, 2021.
I made a list of Awesome Kubernetes libraries, what should I add?
Tags: github, discuss, kubernetes, k8s
Published: 2021-08-26 20:52:33

---
title: I made a list of Awesome Kubernetes libraries, what should I add?
published: true
description: The focus of this list is for Kubernetes developers looking to build production applications.
tags: github, discuss, Kubernetes, k8s
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p5pkvjyix0owwmx6xhf9.jpeg
---
*Cover image by Christian Ferrer / Wikimedia Commons, CC BY-SA 4.0*

We're pleased to share with the world our [awesome Kubernetes list](https://github.com/run-x/awesome-kubernetes). The focus of this list is for Kubernetes developers looking to build production applications.

For context, it's a running theme on Github to release documentation-only repositories with your favorite content on a language or framework. Here's a [list of awesome lists.](https://github.com/sindresorhus/awesome)

It was an "awesome" list that gave me my first tour of a number of GraphQL tools, so I'm excited to share my own.

Some highlights:

[Teleport](https://github.com/gravitational/teleport) allows engineers and security professionals to unify access for SSH servers, Kubernetes clusters, web applications, and databases across all environments.

[Certmanager](https://cert-manager.io/) provides 'certificates as a service' securely to developers and applications working within your cluster.

Here's a talk we really enjoyed: [Keynote: In Search of the Kubernetes "Rails" Moment - Bryan Liles](https://www.youtube.com/watch?v=ZqQTEdHVaCw&t=45s)

Check out our awesome list here: 

https://github.com/run-x/awesome-kubernetes
Should websites have a dark-mode toggle button?
Tags: discuss, webdev, css, a11y
Published: 2021-08-26 20:43:24

I'm currently working on a mostly text based website. We are supporting `dark-mode` using css `media-queries`.

We're currently discussing if we should have a toggle button. 

Not all devices support dark-mode, and users don't always want to stick with the choice made by their OS.

On the other hand, this is just extra code that needs to be downloaded by every user — and it needs to remember their preferences with `localStorage`, and I like to not create data when I can help it.

What do you think? Is it actually useful to have a dark mode toggle? or should we stick to supporting the choice made by the OS?
A clock made of clocks
Tags: codepen, html, webdev, uiweekly
Published: 2021-08-26 20:39:03

<p>A clock made of clocks. Inspired by: <a href="https://twitter.com/latestengineer/status/1429761388591960065" target="_blank">https://twitter.com/latestengineer/status/1429761388591960065</a></p>

{% codepen https://codepen.io/solhan/pen/QWgwzmg %}
🐶 Dog Appreciation Day '21 - Share your dog(s)
Tags: watercooler
Published: 2021-08-26 20:35:36

---
title: 🐶 Dog Appreciation Day '21 - Share your dog(s)
published: true
description: Share Pics of your dog(s)! 
tags: watercooler
//cover_image: https://direct_url_to_image.jpg
---

It's August 26, AKA National Dog Day! 

To celebrate, share pictures of your dog and introduce us to them! 

I'll start things off: 

This is our Husky mix [Ellie](https://terabytetiger.com/dogs/Ellie): 

 ![Tan and white fluffy dog lounging on a porch with a blue building behind her to the left and a porch railing on the right. In the distance there is a tall dark treeline](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/stjv4rneky8rkfobe50p.jpg)
 


And our Corgi [Luna](https://terabytetiger.com/dogs/Luna):

![Tri colored corgi sitting looking to the left with a sunny afternoon treeline behind her.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/roodck6ex1i6xgn1kmsc.jpg)
SIMPLE BLOG APP
Tags: python, flask, datascience, database
Published: 2021-08-26 20:31:32

<H1> SIMPLE  BLOG APP </H1>
<p> This is a simple blog app where users can:
 </p>
<ul>
<li>Register and login into the app</li>
<li> See posts</li>
<li>Create posts</li>
<li>Update posts</li>
<li> And delete posts</li>
</ul>
<p>The user can also logout of the app </p>
<h2>Requirements</h2>
<p>To be able to run the the program on your local machine you should have the following</p>
note: its been tested on windows 10, python 3.9.6
<ul>
<li>install a virtual environment</li>
<li>install flask</li> 
<li>install wtforms for the login and registration forms</li>
<li>sqlalchemy for the database </li>
<li>install bcrypt to hash the passwords</li>
</ul>
<h2>Setting up the environment</h2>
<p>install a virtual environment on your windows machine:
In your Windows command shell prompt type in:
</p>

```
pip install virtualenv
```
Once inside the project folder run: 
```
virtualenv <env>
```
the activate your virtual environment:
```
.\<env>\Scripts\activate
```

<h2>To Run the code </h2>
still in your virtual enviroment:
```
set FLASK_APP=run.py
```
then
```
flask run
```
<p>you will now be able to explore the app on your local machine</p>
<p> the source code to the app <a href = "https://github.com/priscillahnalubega/python_blog_app">is here</a> </p>
thanks for reading.
How to make apache2 server faster - Part-02 [Implementation]
Tags: aws, apache2, server, programming
Published: 2021-08-26 20:28:47

I will explain here how to increase latency of apache2 server,using Django deployment example.At the end of the article you'll get to know that this can be applies to any backend server be it Django or node server.

### Installing mod_wsgi the easy way

```yaml
pip install mod_wsgi
```

mod_wsgi - module for apache web server

### No Apache Configuration Required

```yaml
$ mod_wsgi-express start-server hello.wsgi
```

### Django Framework Integration

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

.....

.....

'mod_wsgi.server',

]

### Send logging to terminal

settings.py

```python
LOGGING = {
    #  ... omitting the formatters and handlers for brevity ...
    'loggers': {
        # ...  you may have other loggers here as well ...
        'django': {
            'handlers': ['name_of_your_file_handler_goes_here'],
            'level': 'DEBUG',
            'propagate': True,
        }
    }
```

 Or

```python
LOGGING = {
		'version':1,
		'disable_existing_loggers': False,
		'handlers': {
				'console': {
						'class' : 'logging.StreamHandler',
				 },
			},
			'loggers' : {
					'django' : {
							'handlers' : ['console'],
							'level' : os.getenv('DJANGO_LOG_LEVEL','INFO'),
					},
				},
	}

```

### Run Django With Management command

```python
python [manage.py](http://manage.py) runmodwsgi
```

### Automatic code reloading

```python
python [manage.py](http://manage.py) runmodwsgi —reload-on-changes
```

 

### Django DEBUG settings

settings.py

```python
if os.environ.get('MOD_WSGI_DEBUG_MODE'):
		DEBUG = True

if os.environ.get('MOD_WSGI_DEBUGGER_ENABLED'):
		DEBUG_PROPAGATE_EXCEPTIONS = True
```

### Interactive Debugger

```python
python [manage.py](http://manage.py) runmodwsgi —enable-debugger
```

### Production configuration

```python
python [manage.py](http://manage.py) runmodwsgi \
--server-root /etc/wsgi-port-80  \
--user www-data --group www-data\
--port 80  --setup-only
```

```python
/etc/wsgi-port-80/apachectl start 
/etc/wsgi-port-80/apachectl restart 
/etc/wsgi-port-80/apachectl stop 
```

### Use daemon mode of mod_wsgi

```python
WSGIRestrictedEmbedded On
WSGIDaemonProcess myapp python-home=/../env

WSGIScriptAlias / /../src/wsgi.py \ 
		process-group=myapp application-group=%{GLOBAL}

<Directory /../src>
		<Files wsgi.py>
		Require all granted
		</Files>
</Directory>
```

Just add whatever the backend server Django or Node anything, putting this above virtualhost on line-1 will boost your latency. 
I have explained here in detail what is Embedded mode and daemon mod of apache2 server.Read theory - https://dev.to/tikam02/how-to-make-apache2-server-fasterrrrrrr-part-01-theory-1dne

```
WSGIRestrictedEmbedded On
```



 





### Resources:

[https://youtu.be/H6Q3l11fjU0](https://youtu.be/H6Q3l11fjU0)

[mod_wsgi - mod_wsgi 4.8.0 documentation](https://modwsgi.readthedocs.io/en/master/)
AWS-Azure Mapping Cheat Sheet
Tags: aws, azure, cloud, beginners
Published: 2021-08-26 20:15:03

Between Amazon's [AWS](https://aws.amazon.com) and Microsoft's [Azure](https://www.azure.com), you have two-thirds of the world cloud computing infrastructure market share-- with AWS having twice the size of Azure's slide of the pie. 

That's why you have people like me who straddle back and forth between the two cloud behemoths, and the services can become hard to keep track of. 

![Switching between AWS and Azure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fe74lr91b91rzni4oxri.gif)

It's relatively easy when you're dealing with the building block services like **EC2 Instances** in AWS and **Virtual Machines** in Azure, but  it gets a little confusing when you're looking at more advanced services, like the service equivalent to **AWS CodeCommit** (Spoiler: it's **Azure DevOps**).

This information is handy too when you're preparing for a certification exam. Fundamental-level certifications like Azure Fundamentals (AZ-900) and AWS Certified Cloud Practitioner (CLF-C01) covers a very broad range of services, and it's very likely that you will find yourself “translating” between AWS and Azure.

One important thing to note is that mapping each service 1:1 might not be possible, but feature parity might be achieved by a combination of services.

Using the exam objectives of the [AWS Certified Cloud Practitioner](https://aws.amazon.com/certification/certified-cloud-practitioner/) exam, here's a cheat sheet to lay out the mapping:

##1. Compute services

|[AWS](https://aws.amazon.com/products/compute/)|[Azure](https://azure.microsoft.com/en-ca/product-categories/compute/)|
|-|-|
|Elastic Compute Cloud (EC2)|Virtual Machine (VM)|
|Auto-scaling|VM Scale Sets|
|Elastic Container Services|Container Instances|
|Lambda|Functions|

##2. Storage services

|[AWS](https://aws.amazon.com/products/storage/)|[Azure](https://azure.microsoft.com/en-us/product-categories/storage/)|
|-|-|
|S3|Blob Storage|
|Elastic Block Storage|Storage Account|
|S3 Glacier|Archive storage|
|Snowball|Data Box|
|Elastic File System|Files|
|Storage Gateway|StorSimple|

##3. Networking services

|[AWS](https://aws.amazon.com/products/networking/)|[Azure](https://azure.microsoft.com/en-us/product-categories/networking/)|
|-|-|
|Virtual Private Cloud (VPC)|Virtual Network|
|Route 53|DNS|
|Direct Connect|ExpressRoute|

##4. Database services

|[AWS](https://aws.amazon.com/products/databases/)|[Azure](https://azure.microsoft.com/en-ca/product-categories/databases/)|
|-|-|
|RDS|SQL Database|
|DynamoDB|Cosmos DB|
|Redshift|Synapse Analytics|

##5. Cost management

|[AWS](https://aws.amazon.com/aws-cost-management/)|[Azure](https://azure.microsoft.com/en-ca/services/cost-management/)|
|-|-|
|Trusted Advisor|Advisor|
|Cost Explorer|Cost Management|
|QuickSight|Power BI|
|Organizations|Subscription Management|

---
This list is not exhaustive by any means, but I think it's a good starting point to help you with the high-level AWS-Azure mapping. Also, if I got anything wrong, I welcome your feedback! 

👉🏻 [Follow me on Twitter](https://www.twitter.com/regnard)
IST 402: Web Components Introduction
Tags: webdev, ux
Published: 2021-08-26 20:09:26

Hello dear reader!

### Background
My name is Nick Alico, and I am a graduating senior at Penn State studying Human-Centered Design & Development with a focus in HCI. (This is a fancy way of saying I enjoy the intersection of software and UX work.) I am also a Schreyer scholar, and am subsequently completing my Honors Thesis studying competency models and how they can be applied to design and development courses to make for a more individualized and accessible learning experience. In the past, I have completed SWE-focused internships with Oracle, GE Healthcare, and Rockwell Automation.

Outside of class, I am involved with IST Diplomats, Undergraduate Research Ambassadors, Viral Imaginations, UXPA PSU, and serve as an LA this semester.

### Why Web Dev?
I've always been a visual learner. Web development is the perfect combination of programming and visual design for me: it allows for complete creativity while supporting the ability to build anything you can imagine. I am very interested in exploring the growth of design systems and aspire to work as a Design Systems/UX Engineer in my full-time gig eventually; web development is where that truly begins. I've had some great opportunities in the past to collaborate on everything from small side projects to Fortune 100 company codebases, but I still feel that I've only scraped the surface of what web development really entails. That's why I want to take this class: to learn about the cutting edge of web components and hopefully be able to casually implement them in my future job.

### Other Fun Facts

 - I enjoy running and hiking in my free time
 - I have competed in the PennApps hackathon twice while in college
 - I can solve a Rubik's cube in under 30 sec. (I know I'm a nerd but it's not as hard as you think.)

Drop a follow and reach out if you are interested in connecting! I would love to have a conversation with you!
React Table App: List ECommerce Products For Sorting and Grouping
Tags: react, reacttable
Published: 2021-08-26 20:03:51

---
title: React Table App: List ECommerce Products For Sorting and Grouping
published: true
description: React Table Tutorial: Sort and Group Products In ECommerce Website

tags: react, reactjs, reacttable
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/apzdykusdpc2hb89ckrr.png
---
[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/3O2sbqjwEas/0.jpg)](http://www.youtube.com/watch?v=3O2sbqjwEas)


👉 Learning Video: https://youtu.be/3O2sbqjwEas
👉 Source Code: https://github.com/basir/react-table-app
👉 Demo App : https://basir.github.io/react-table-app

🔥 Build Full ECommerce Website Using My Free Course:
https://codingwithbasir.com/p/free-mern-ecommerce

In this episode of my coding series about ecommerce website tools and utilities, I'm going to introduce react-table package. 

It is a package to build and design powerful datagrid experiences while retaining 100% control over markup and styles.

We are going to fetch sample products from a fake api and render them as datagrid with sorting and grouping capabilities.

Table Of Content
00:00 Introduction
00:34   1 Source and Demo
00:01:06   2 Create React App
00:03:39   3 Fetch Product From API
00:04:51   4 Define Table Columns
00:06:29   5 Create Product Table Component
00:07:38   6 Render Table
00:11:47   7 Check Result

---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basrijd
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir
Complete reverseArray C++ Solution
Tags: reversearray, vector, leetcode, codingsolutions
Published: 2021-08-26 19:53:32

I came through a question on LeetCode to complete a reverseArray function. We have an array and we have to return the array reversing all the elements inside it. For Example, we have an array “X” which has elements [1,2,3,4,5,6]. We have to write a function that will return the [6,5,4,3,2,1].

Question
Complete the reverseArray function. Parameters of reveseArray is a vector that we have to reverse. The return value must also be a vector. To read the Complete Question visit HERE
This question on LeetCode has Difficulty Level: Easy and Max Marks: 10
Note: In this problem a special type of array vectors are used, which are types of dynamic arrays. They have the ability to resize themselves while inserting and deleting elements.

Given Code


#include <bits/stdc++.h>
using namespace std;
string ltrim(const string &);
string rtrim(const string &);
vector<string> split(const string &);
/*
 * Complete the 'reverseArray' function below.
 *
 * The function is expected to return an INTEGER_ARRAY.
 * The function accepts INTEGER_ARRAY a as parameter.
 */
vector<int> reverseArray(vector<int> a) {
}



My Solution
To read about my Solution to this Problem Visit https://hecodesit.com/complete-reversearray-c-solution/
Meet the Tanukis: Brendan O'Leary
Tags: gitlab, devrel, techtalks, podcast
Published: 2021-08-26 19:45:54

Meet the Tanukis is a stream about the amazing Team members at GitLab. Each episode focuses on a team member discussing issues in tech that are important to them. This episode features Brendan O'Leary, Senior Developer Evangelist at GitLab! 

{% youtube Cln5YrPqJ1c %}

Links: 
[Brendan's Twitter](https://www.twitter.com/olearycrew)
[ACCESSIBILITY MATTERS](www.buildinclusive.com)

[Interested in contributing to GitLab?](https://about.gitlab.com/community/contribute/)
Converting Elements in List to a String in Python - Easy
Tags: python, programming
Published: 2021-08-26 19:44:41

### 💡 Quick Tips

![Code](https://c10.patreonusercontent.com/3/eyJ3Ijo2MjB9/patreon-media/p/post/55379674/4745f6193d7e4637bd5f1eff4b01c4c0/1.png?token-time=1631232000&token-hash=ysFYiZFtVyyejR7-Dsa572njNV3IgLw1alw7QOK_YWw%3D)

You can Convert any list into a string using the code above:
`Step:1` - Declare the desired List
`Step:2` - Declare an Empty String
`Step:3` - Write the for loop
`Step:4` - Print the Output

---

## Author:
**K. SAI GOUTHAM**  
If you have found value through this article consider supporting me. Cheers! 

✨ [`My Git Hub`][1]  - Follow me on Git Hub and Visit My Github for Python and Data Science Related Projects.

✨ [`MEDIUM`][2] - Follow me on medium for my articles

✨ [`Visit My Blog`][3] - You can visit my blog.

✨ [`Patreon`][4] - You can Follow me and Support Me by contributing to my patreon 

```bash
Thank You for Reading!. 👋🏻
```

---

[1]:(http://www.github.com/Gouthique)
[2]:(https://wwww.medium/@Gouthamgosh10)
[3]:(http://www.hashnode/@Saigoutham)
[4]:(https://www.patreon.com/Goutham)
Docker Cheatsheet
Tags: cloud, docker, kubernetes, discuss
Published: 2021-08-26 19:24:11

I often find myself looking up commands or forgetting what I did for a simple task. Thought it would be a good opportunity to compile all the Docker commands I am using on a regular basis for developing applications with Docker. Hoping to crowdsource this, so let me know in the comments below!


## DOCKER MACHINE

List all Docker engines:
```
docker-machine ls
```

Create a Docker engine:
```
docker-machine create --driver virtualbox default
```

Set environment variables for Docker engine:
```
docker-machine env default
eval $(docker-machine env default)
```

Start a Docker engine:
```
docker-machine start default
```
Stop a Docker engine:
```
docker-machine stop default
```

Retrieve IP address for running Docker engine:
```
docker-machine ip default
```

## DOCKER IMAGES
List Docker images:
```
docker images
```

Remove Docker image:
```
docker rmi <image_id>
docker image rm <image_id>
```

Create Docker image (requirement: Dockerfile):
```
docker build -t <dockerhub_username>/<custom_docker_image_name> .
```

## DOCKER CONTAINERS
List Docker containers:
```
docker ps
docker container ls -a
```

Stop and remove Docker container:
```
docker stop <container_id>
docker rm <container_id>
```

Remove all stopped Docker containers:
```
docker container prune
```

Delete all stopped containers:
```
docker rm $(docker ps -a -q)
```

Create Docker container (requirement: Docker image):
```
docker run --name <custom_container_name> -p <new_port>:<defined_port> -d <dockerhub_username>/<custom_docker_image_name>
```
## DOCKER COMPOSE
If development, build, run and keep running (e.g. service_id equals dev):
```
docker-compose build <service_id>
docker-compose up <service_id>
```

If testing, build and run once (e.g. service_id equals test):
```
docker-compose build <service_id>
docker-compose run --rm <service_id>
```

## DOCKER SYSTEM

Remove all unused containers, networks, images (both dangling and unreferenced), volumes and any resource created. Note: Do not apply this command for resources in production. Recommended for use in dev/test environments.
```
docker system prune -a 
```
Removing duplicate elements in Javascript: In a simple way! 😵
Tags: javascript, webdev, programming, beginners
Published: 2021-08-26 19:20:43

The last few weeks I have been learning Python. I'm following this roadmap: [30-days-of-python Series' Articles](https://dev.to/arindamdawn/series/7425) by @Arindam Dawn. I recommend it ! I love it 🤩

Anyway, when I was learning Python I saw that the SET framework existed, and I was fascinated.
But thanks to that I discovered that it also existed in Javascript, and I didn't know it! 

With SET we can ***remove duplicate elements*** from an ***array*** in a very easy way.

> JavaScript's built-in Set object is described as a collection of values, where each value may occur only once. A Set object is also iterable, making it easily convertible to an array using the spread (...) operator.

🍭 Here are some examples of this:

```
const nums = [1, 2, 2, 3, 1, 2, 4, 5, 5, 6, 4, 2, 6];
[...new Set(nums)] // [1, 2, 3, 4, 5, 6]
```

```
const something = ['anto', 'anto', 'antonella', 'ant', 'ant', 2, 4, 5, 6,2,2];
[...new Set(something)] // [ 'anto', 'antonella', 'ant', 2, 4, 5, 6 ]
```

```
const emojisFruits = ['🍋','🍋', '🍇 ','🍉' ,'🍇 ','🍓' ,'🍒','🍒','🍈 ','🍒'];
[...new Set(emojisFruits)] // [ '🍋', '🍇 ', '🍉', '🍓', '🍒', '🍈 ' ]
```

Very useful!!!
Did you also know about this?