teleren/devto huggingface dataset:
Coding: First Impressions
Published: 2022-03-08 20:33:04

Hi! I’m Miriam!

I am currently enrolled in a coding boot camp, work part time as an office manager in an educational institution, and am a mom of two kids (a three year old girl and a one year old boy – they are adorable!) As I work in the morning while my kids are in preschool and day care, coding only happens at night, after the kids are sleeping. Once the kids drift off into slumber, I shift gears from Mommy to ….Coder! 

Coding kind of feels like my superpower. It is challenging, stimulating, at times it can be maddening, and when it finally clicks, it is very satisfying. I alternate between being intimidated of, and enjoying, the mental challenge. 

The time that I spend learning and practicing code is me-time. After a busy day of feeding, dressing, diapering, working in the office, some more cooking, feeding, and playing (which I love doing 😊) I crave the silence and peacefulness of sitting in front of my computer and getting lost in a new Javascript skill. 

Before I started boot camp, I didn’t even know what a computer programmer did. I kind of imagined a coder as a stereotypical nerd typing in a magical series of zeros and ones. I certainly never considered myself doing that! However, after doing a career consultation, I found that the logical problem solving of programming was a great match for my abilities. I was also encouraged by a friend who had done a software engineering bootcamp, had gotten a great job as a frontend developer, and was loving it!

I remember one of the first skills I learned was to write a HTML tag. Seeing the words that I had typed “Hello, World!” appear on the screen felt tremendous. It may not have been the first steps on the moon, but it sure was exciting! For a few days after, every website I encountered I felt a kinship to. After all, someone else had also written an HTML tag for that website!

I am currently in Phase 1 of my program, which focuses on HTML, CSS, and Javascript. I learned about DOM manipulation, event listeners, and fetch requests which I am putting altogether now in my Phase-1 project. 

I will be back soon with another post detailing my challenges in putting together a five star rating system for my project.

Thanks for reading!
Install buffalo.io ( go) - part 1 (Requirements)
Tags: go
Published: 2022-03-08 20:30:12

This is more a  log of what I did to install buffalo.io, I will try to add more details and maybe a part two.

## What is buffalo?

Buffalo is a framework that would love to be the Rails or the Django for  GOlang. It provides some simplification for creating a web app using Golang.

Requirements:

### Install Go

If you didn't install go, you need to. The best resource to install go is [here](https://go.dev/doc/install)

For Verify go installation type `go version`
```
% go version
go version go1.17.5 darwin/amd64
```

### Install Node

If you not planning on using buffalo only as API you need Node. I strongly recommend installing node through nvm.

#### Install nvm
More details on nvm [here](https://github.com/nvm-sh/nvm#installing-and-updating)

You can verify that nvm is installed by typing `nvm -v` 

```
% nvm -v      
0.37.2
```

I found the LTS node version working best for buffalo. 

#### Install node LTS

Install node LTS by typing `nvm install --lts`
```
% nvm install --lts   
```
Use node LTS version by typing `nvm use --lts`

#### Use node LTS
```
% nvm use --lts    
Now using node v16.14.0 (npm v8.3.1)
```


### Install a database ( PostgreSQL ) 

I choose this SQL, you can install MySQL as well, 

_Note:_ SQLite needs specific buffalo version right now

#### Install brew

Homebrew allows us to install and compile software packages easily from the source.

```
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```

#### Install PostgreSQL
```
brew install postgresql
```

### Wrapping up for now

Let me know if you found this initial tutorial helpful, as mentioned I am planning a part two with some hands-on buffalo
Finally, Minna codes as a profession
Tags: wecoded
Published: 2022-03-08 19:59:51

Junior Software Developer.

That's what my title at work is nowadays. I still have a bit of a hard time calling myself that because I don't really create original code. Also, we mostly work with a no-code tool so I suppose I'm only dipping my toes in coding. But, I'm ok with that. The language I work with is C++ which I didn't know beforehand. I got to know the syntax and keywords from a few online courses but that only helps so far.

Delving into a massive, complex, age-old codebase is daunting. I've struggled with not knowing all the features there are. I've struggled with not knowing how to go about searching for the features I think I need (I've even thought about glancing through everything – uh, not gonna happen).

Nevertheless, I code. For work.

And I'm learning! I take sneak peeks at what our senior developer is doing, how they're solving problems, I follow all possible work that's going on, I look at the logged bugs and try to find out their fixes. I'm proud of my ability to recognize the code bits I need and adapt them to my needs.

I started by saying I don't feel like a software developer. What I prefer calling myself is a game porting engineer. And I'm super excited about that! I actually get to work with games and play them!

What we do is make games run on our cloud gaming platform. There are some quality and user experience requirements to achieve, and the no-code tool is used to intercept different APIs and alter the way they work. And then, whatever is not preconfigured in the tool can be handled with a plugin written in C++.

This is only the beginning. Perhaps this time next year I've shed the junior from my title!

<small>Photo by <a href="https://unsplash.com/@sortino?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Joshua Sortino</a> on <a href="https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></small>
Flattening an object
Tags: javascript
Published: 2022-03-08 19:55:15

**Problem Statement**
Suppose we have an object with any depth(let say 5, "obj.a.b.c.d.e"), our target is to return an object with a depth of just 1, for example,

```javascript
obj = {
    a: {
        b:1,
        c: {
            d: 10
        }
    }
}
```
should get converted to:

```javascript
obj = {
    a.b: 1,
    a.c.d: 10
}
```

**My Approach**
Think Recursively!
We would drill down the object and check at each level whether it is an object(and not Array).
1. If yes drill further through that sub-object and keep track of all the keys covered till now. For that I am passing an array(retArr) as a spread operator.
2. If not just assign the value against the key array(retArr) converted to string using join(".").

My code:

```javascript
const obj = {
    a: {
        b:1,
        c: {
            d: 10,
            x: function () {
                console.log("AAA")
            }
        }
    }, e: {
        f: 5,
        g: {
            h: "hii",
            y: [1,2,3,4,5]
        }, 
        i: {
            j: {
                k:3,
                l: {
                    m: 20,
                },
                n: {
                    o:10
                },
                p: "hello"
            }
        }
    }
}
let retObj = {};
function flattenUtil (obj, ...keyArr) {
    for(x in obj) {
        if(typeof obj[x] === 'object' && !Array.isArray(obj[x])) {
            flattenUtil(obj[x], ...[...keyArr, x]);
        } else {
            retObj[[...keyArr, x].join(".")] = obj[x];
        }
    }
    return retObj;
}
console.log(flattenUtil(obj));
```
Nevertheless, Bekah Coded in 2022
Tags: wecoded
Published: 2022-03-08 19:29:32

---
title: Nevertheless, Bekah Coded in 2022
published: true
tags: shecoded
---
Today I hosted my first Twitter Space as a Technical Community Builder as a member of the [Deepgram Devs DevRel Team](https://twitter.com/DeepgramDevs). Our topic was “Every Voice Heard and Understood in Tech,” which is a play on the [Deepgram](https://deepgram.com/) mission: “Every voice heard and understood.” Before joining Deepgram, this was my personal mission in other words: “To do my best to make sure no one felt alone,” which, for me, implies both hearing and understanding. Because you can be in a room full of people, you can be sharing your experience with others, and still feel alone when you’re not being heard. And as a woman in tech, this is especially important to me. 

One of my favorite quotes from today’s Twitter Space was from [Saron](https://twitter.com/saronyitbarek): “No one can take your story from you.” There’s so much power in that. And it reminded me of a quote from my educational coach, [Katie McKenna](https://katiecmckenna.com/), when I was in bootcamp: “We don’t tell our stories for ourselves. We tell our stories to invite others to share theirs with us.” There is power in _your_ story. There is power in the story of every woman in tech. There is power in sharing your story because it creates the opportunity for people to see that they aren’t alone, that there are pieces of their story in the stories of other women, that their voices _do_ have a space in this field. 

We do not have to be defined by our work. We are more than our tech titles, our expertise, our achievements. We are our history, the history of the women before us. We are our experiences, our stories. We are meant to bring our stories--our whole selves--to where we are. When we are allowed to do that, when our voices are heard and listened to and understood, we will make a bigger impact on the spaces we find ourselves in. We will be more willing to share, to feel safe to share.

Everyone grows when we do our best to understand the stories and voices of those around us. It should not matter how long someone has been at the company. It should not matter what their seniority is. I am thankful for the women who have shared their stories before me. I am thankful for the ones they’ve shared on podcasts. I am thankful for those told in whisper networks. I am thankful for those that are shared during struggles and good times. I am thankful for everyone who has shared their story and for the invitation to tell mine. This year, I’ll do my best to listen and understand. To invite other women to tell their stories. And to share my story too.
WeWi for Azure Trial Hackathon
Published: 2022-03-08 19:48:45

### Submission Category: 

#Computing Captains


### Link to Code on GitHub
{% github https://github.com/IngSm/weather-widget-new %}

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
[Note]: # (Your repository must include a README)
[Note]: # (You must use and list a permissive license for your code: MIT, Apache-2)


### Additional Resources / Info

Check the website I created for this app :) There you can try it!

http://20.101.42.222:3001/
Recipe for using distroless container images with FastAPI
Tags: fastapi, python, docker
Published: 2022-03-08 19:37:37

**Original Published on my** [blog](https://gealber.com/recipe-distroless-container-fastapi)


A few days ago I was trying to achieve that and took me a quite amount of time, is not so straight forward as you may think before trying it by yourself.
In order to avoid you future headaches, here is a hack to use [Distroless](https://github.com/GoogleContainerTools/distroless) containers with [FastAPI](https://fastapi.tiangolo.com/). In this example I'm trying to build an application with several requirements. The application basically allow you to download videos from Twitter using [youtube-dl](https://youtube-dl.org/), you could test the application here also: [Twittdown](https://twittdown.com). Here is the structure of the application:


```bash

├── Dockerfile
├── main.py
├── requirements.txt
├── static
│   ├── ads
│   │   └── ads.txt
│   ├── bootstrap-5.1.3-dist
│   │   └── css
│   │       └── bootstrap.min.css
│   ├── font-awesome-4.7.0
│   │   └── css
│   │       └── font-awesome.min.css
│   └── main.css
└── templates
    └── index.html

```


The list of requirements is here also:

```bash

youtube_dl
jinja2
fastapi
pydantic
uvicorn[standard]

```

Now the main problem, how can I create a container for deploying this [FastAPI](https://fastapi.tiangolo.com/) application using a [distroless](https://github.com/GoogleContainerTools/distroless) image? Here is the trick


```bash

FROM python:3.10-slim AS build-env

COPY . /app

WORKDIR /app

RUN pip install --no-cache-dir --upgrade -r requirements.txt && cp $(which uvicorn) /app

FROM gcr.io/distroless/python3

COPY --from=build-env /app /app
COPY --from=build-env /usr/local/lib/python3.10/site-packages /usr/local/lib/python3.10/site-packages
ENV PYTHONPATH=/usr/local/lib/python3.10/site-packages

WORKDIR /app

CMD ["./uvicorn", "main:app", "--host", "0.0.0.0", "--port", "80"]

```

Enjoy! If you find a cleaner way let me know ).
Fixing broken website Bangla font in Firefox(Linux)
Tags: linux, fix, firefox, font
Published: 2022-03-08 19:19:53

Here is the solution to the pesky problem that plagued me for two days. After the fresh installation of Arch Linux, Firefox was rendering me broken Bengali fonts. The issue was especially prominent in social media pages.

![Configuration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yzavoqgp77teg6ypn8j7.png)
 
As you can see, the configuration was correct. At this same configuration, the font was rendering perfectly in **Chromium**. For some idealistic reason, I wanted to use Firefox anyway possible. I keep Chromium for backup purpose only.

## What was the issue then?

After searching countless hours, I got the same result. Installing the `noto-sans-font` was the solution. As you can see, I did that already. In a Firefox support page, I got the idea of using the debugging tool provided by the browser. By using this [official guide](https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts), I debugged the webpage I was having the issue with. To my utter surprise, webpages were loading one more font, along with **noto-sans**. A package called **ttf-liberation** was installed as Chromium dependency and that was causing the problem.

## Solution

1. Force removed the package from the system using:

```
pacman -Rdd ttf-liberation
```

2. Launched Firefox and everything was working fine.

3. Installed the package again, as it is a Chromium dependency:

```
pacman -S ttf-liberation
```

I felt compelled to write this as this kind of obscure difficulties are very hard to solve, and I somehow chanced upon one.
Hello world in Solidity
Tags: html, javascript, solidity, remix
Published: 2022-03-08 18:46:34

solidity is the most popular language for writing smart contract for the Ethereum blockchain.today I'm going to be showing you how to print "hello word" in solidity.
  Firstly the solidity smart contract code starts with a pragma declaration which specifies the version of the compiler to compile our smart contract code

`pragma solidity ^0.8.2`

The caret symbol before the version number tells the compiler that any compiler version above 0.8.2 can be used to compile the smart contract...
A compiler of 0.9.0 would throw an error same as 0.7...n

After the Pragma declaration then we move to declaring the contract block

`contract HelloWorld {}`

This is the block that contains all the code for our smart contract,anything outside this block should be either another smart contract definition or Pragma declaration.

Then we move to declaring a string variable to store our text.
Also it is to be noted that solidity is a statically typed language

So declaring a variable ,the name of the variable must be preceded by the variable type
E.g
`string public helloWorld;`
Statement in Solidity should end with a semicolon.

and the public declaration before the variable name simply means that the variable can be accessed outside the smart contract..
Meaning any smart contract that inherits from this contract can call this variable and it also can be called from outside the smart contact

Now I move to declaring the constructor function that assigns value to the variable

`constructor() public {
  helloWorld = "hello world";
}`

Now it's time to put the pieces together

`Pragma solidity ^0.8.2;
    contract HelloWorld {
        string public 
         helloWorld;

       Constructor () public {

           helloWorld = "hello  
            world";
       }
   }`

Happy coding🎉🎉
Hello world in Solidity
Published: 2022-03-08 18:44:05

solidity is the most popular language for writing smart contract for the Ethereum blockchain.today I'm going to be showing you how to print "hello word" in solidity
  Firstly the solidity smart contract code starts with a pragma declaration which specifies the version of the compiler to compile our smart contract code

`pragma solidity ^0.8.2`

The caret symbol before the version number tells the compiler that any compiler version above 0.8.2 can be used to compile the smart contract...
A compiler of 0.9.0 would throw an error same as 0.7...n

After the Pragma declaration then we move to declaring the contract block

`contract HelloWorld {
  
}`

This is the block that contains all the code for our smart contract,anything outside this block should be either another smart contract definition or Pragma declaration.

Then we move to declaring a string variable to store our text.
Also it is to be noted that data types in solidity are statically typed

So declaring a variable ,the name of the variable must be preceded by the variable type
E.g
`string public helloWorld;`
Statement in Solidity should end with a semicolon.

and the public declaration before the variable name simply means that the variable can be accessed outside the smart contract..
Meaning any smart contract that inherits from this contract can call this variable

Now I move to declaring the constructor function that assigns value to the variable

`constructor() public {
  helloWorld = "hello world";
}`

Now it's time to put the pieces together

`Pragma solidity ^0.8.2;
 contract HelloWorld {
    string public helloWorld;

    Constructor () public {
        helloWorld = "hello  world";
    }
}
`


Happy ccoding🎉🎉
Telescope — A meetings app that integrates everywhere
Tags: azuretrialhack, microsoft, azure, webdev
Published: 2022-03-08 18:22:37

---
title: Telescope — A meetings app that integrates everywhere
published: true
description: Telescope is a WebRTC meetings application that integrates with other services
tags: azuretrialhack, microsoft, azure, webdev
---


### Overview of My Submission

[Telescope](https://telescope.ml) is a WebRTC online video-calling platform that integrates with other services (for now, only Discord and Emails) to place calls between two people. Gone are the times of sharing weird links and passwords and signing up for accounts. Telescope uses the service to authenticate the user to ensure security and privacy.

Tech Stack:

- ExpressJS for backend
- NextJS for frontend
- Deno for integrations
- Everything is deployed on two azure VMs with Dokku and NGINX.

Github: https://github.com/arnu515/telescope
Hosted: https://telescope.ml

### Submission Category: 

Computing Captains


### Link to Code on GitHub

{% embed https://github.com/arnu515/telescope %}

### Additional Resources / Info

Instructions for using the Discord integration:

- Create a new discord server / have administrator on an already existing discord server.
- Go to the [Explore Integrations](https://telescope.ml/integrations) page on Telescope and click the "Add" button on the Discord integration.
- You will be taken to Discord where you'll be asked to add the integration to the server
- Once that's done, simply type `/call` in the message box and mention a user to create a telescope call.
- Both users can open the link after which they'll be asked to log in to discord to verify that they have access to join the call.
- Once in, the call takes place peer-to-peer end-to-end encrypted.

Demo video:

{% embed https://vimeo.com/686124422 %}
LoginID biometric authentication Web SDK tutorial
Tags: sdk, npm, javascript, html
Published: 2022-03-08 18:17:53

## Initial Setup
The LoginID Web SDK enables you to add FIDO-certified authentication in your web-based application without having to redirect the user to any pages outside your application.

For more robust functionality, it is likely that you will need to also leverage a Server SDK. The Server SDK makes requests to LoginID's API easier by leveraging your API Credential. Check out the LoginID Server SDK for a simplified integration.

## Create Application on the Dashboard

An application must be created on the LoginID Dashboard in order to correctly configure the Web SDK.

Once logged into the dashboard, navigate to the Applications tab in the sidebar, select “Add Application,” and select Web.

In the resulting form, you must create a name for your application and provide your website URL.

`NOTE
Unlike in the OAuth/OpenID Connect flow, the Website URL is not a callback URL. The Website URL is the top-level domain that is integrating the Web SDK functionality. LoginID's backend will check this domain against your client profile as an allowable domain to issue cross-origin requests.`

After entering your name and website URL, you will be prompted to create an API credential. If you have a client-side only application, please skip this step. Otherwise, create an API credential.

`NOTE
An API service token must be included on all requests with a service token scope once an API credential is assigned to an application.`

## Add SDK to Existing Application

CDN
```
<script src=”https://loginid-sdk.s3-us-west-1.amazonaws.com/sdk/js/0.9.8/loginid.web.min.js”></script>
```

NPM

```
npm install --save @loginid/sdk
```

## Create an SDK Instance
**Javascript**
NPM

```
import WebSDK from ‘@loginid/sdk';
const l = new WebSDK(‘BASE_URL’, ‘CLIENT_ID’);
```
**HTML**
CDN

```
<!-- Import module from the JS SDK -->
<script src="./src/vendor/loginid.web.min.js"></script>
<script>
  const dw = new web.default(
      "{BASE_URL}", "{CLIENT_ID}"
  );
  // ...
</script>
```

Sign up for free: https://usw1.loginid.io/en/register/get-started-a
AWS Learning Resources
Tags: aws, beginners, awscommunitybuilder
Published: 2022-03-08 18:08:54

Hello World, this is me sharing my learning experience of AWS as a beginner. I have completed my AWS Cloud Practitioner Certificate and presently preparing for SAA and Advanced Networking Specialty. 

The article can be helpful for the individuals who want to get started with Cloud Computing leveraging Amazon Web Services. Here i will be listing resources that i use on daily basis to learn AWS and its offerings. Hope it helps. Feel free to comment your favorite AWS learning resource and help each other learn better.

In my opinion, Attending webinars is one of the best way to learn AWS from the basics along with reading whitepapers and watching digital trainings.

AWS Ramp-Up guides are great references to locate the resources and create a path to your learning as per your interested area. Ramp-up guides also include Hands-On Labs which can be done using AWS Free Tier. With AWS Free Tier you can explore and try out AWS services free of charge up to specified limits for each service. You can locate the Ramp-up guides using the following link:

https://aws.amazon.com/training/ramp-up-guides/

I also follow AWS Twitch channel and attend live sessions there as and when i get chance. It is a good platform to learn specific topics as well as for posing queries real time to AWS experts.
Also re:Post is a great place to place your queries in a forum and AWS experts will help answering your queries. 

There is AWS Educate, https://aws.amazon.com/education/awseducate/,  which has free trainings which you can use to build your cloud skills at your own pace. It also lists job opportunities which you can refer to locate any job openings with AWS in your skilled area. 

I have recently joined DEV.to to read articles from AWS community builders. I am excited to learn more, hope you are too!

Cheers to Learning.