teleren/devto huggingface dataset:
What it means to have a She Code Africa Kigali Chapter
Tags: computerscience, nigeria, rwanda, blackwomenintech
Published: 2020-06-03 19:08:39

## What is She Code Africa?

Founded in Nigeria, [ She Code Africa] (https://twitter.com/SheCodeAfrica) is a non-profit organization focused on celebrating and empowering young girls and women in technology across Africa.

The organization holds communication channels and events to further incentivize young women and ladies into technology.
…And now through different representatives, She Code Africa is now in cities and tertiary institutions across Nigeria, Kenya, Ghana, Rwanda and Cameroon.

## What being a She Code Africa Lead means to me?
I currently project manage at a startup in Kigali and do freelance software projects. As a student in university, learning information technology, I wish I had a community like this on my campus to talk about technology, learn about exciting new tools outside the scope of the curriculum and generally encourage each other as girls on the journey towards our goals as experts in our fields.

Personally, code took a long time for it to click but when it did after my first internship, the urge of wanting to go deeper did not stop in me. I love that feeling of when an error message changes because I know *atleast* the last bug has been fixed.

Being in the field of technology is a constant learning journey, one with lots of hurdles but which are enjoyable to surmount.

I don't claim to know everything, but they say; "*Be the change you want to see in the world*" and this is my mine.

## Next Steps for She Code Africa Kigali Chapter.

I would love this to be a space where girls fearlessly discuss about their careers, their blockers and what they would like to achieve in the next few years.

Furthermore also having virtual or physical events in which speakers can talk about a specific topic like Vue, React, Laravel, Node, DevOps, Machine learning e.t.c so we can learn from them. Besides that, it would also be great to hold hackathons in a specific field and learn by doing too.


What you will gain from being part of She Code Africa if you are in Kigali?
* Connection to a global network of girls who are pushing themselves in their technology careers just like you. 
* A place where you will be inspired by those before you and try our best to answer your curious questions.
* Connection to a local network of ladies in technology who can listen to you, advocate you or vouch for you.

What are you waiting for?
[Join in on the fun and sign up here!] (https://forms.gle/2TJUb34gnUBszMu19)
GitHub Student Developer Pack Details for 2020
Published: 2020-06-03 18:41:39

{% youtube lM64sralXqA%}

Last year the GitHub Student Developer Pack was valued at over $100,000. This year? It's valued at over $200,000. Source: https://bit.ly/2AvwbTW

And the partnering companies are nothing to sneer at. From free access to sites like FrontEnd Masters and Educative, to continuous integration tools to freelancing resources to high-end code editors, you do NOT want to miss this year's pack. It may be worth it to enroll in an online bowling class ASAP just so you can claim this this thing!
Dockerfile Templates For All Programming languages
Tags: docker, linux, opensource, github
Published: 2020-06-03 18:39:06

Docker templates for most common programming languages.

Project Link: [ttps://github.com/gauthamp10/dockerfile-boilerplates](https://github.com/gauthamp10/dockerfile-boilerplates)



Feel free to contribute.[https://github.com/gauthamp10/dockerfile-boilerplates/blob/master/CONTRIBUTING.md](https://github.com/gauthamp10/dockerfile-boilerplates/blob/master/CONTRIBUTING.md)
React - Adding a Video Player to play Youtube videos in your project
Tags: react, youtube, video, videoplayer
Published: 2020-06-03 18:29:21

In this short article, I'm bringing something simple to implement and, in some cases, can add a lot of value to projects. I decided to use this feature on my personal website ( [www.marcelomatos.ca](http://www.marcelomatos.ca) ), as a way to show the recent projects I've been working on. It is important to note that this solution isn't restricted to Youtube.

The component I chose was the [ReactPlayer.](https://github.com/CookPete/react-player)

**Step 1 - Install react-player component**

```jsx
yarn add react-player
```

or 

```jsx
npm install react-player --save
```

**Step 2 - Import the component**

```jsx
import ReactPlayer from 'react-player'
```

**Step 3 - Implement the component (and check if it is working** 😉)

```jsx
<ReactPlayer
	url="https://youtu.be/luai0p0y2zE"
/>
```

**Step 4 - Add optional properties**

```jsx
<ReactPlayer
	url="https://youtu.be/luai0p0y2zE"
	controls
	playbackRate = {2}
	width = "896px"
	height = "504px"
/>
```

- In the example above the following properties were implemented:
    - controls = Display native player controls
    - playbackRate = Set the playback rate of the player
    - width = Set the width of the player
    - height = Set the height of the player

The complete list of optional properties can be found in the following link:

[https://www.npmjs.com/package/react-player#props](https://www.npmjs.com/package/react-player#props)
Coding Is About People Too... Ya Know?
Tags: discuss
Published: 2020-06-03 18:22:25

We are experiencing an inflection point in American society. Gubernatorial orders to shelter in place have kept us indoors. Those of us fortunate enough to have a job despite 25% unemployment are working from home. We blasted off astronauts in a corporate engineered capsule to the International Space Station while Black Lives Matter protestors flee blasts of flash bang grenades. 2020 is an election year where the President is facing the highest disapproval rating of any President in the history of America. We must fill the void left by our leaders with the voices of the community. 

With so much going on, I beg web developers to take some time away from coding and consider how their words and actions affect other people. So much of the time we are downright myopic, focusing only on syntax, frameworks, and tooling. I truly believe our silence concerning the welfare of fellow Americans makes us complicit in their misfortune. Black people have endured far too many atrocities to bare. Black mothers have to fear their children are next to be murdered facing the lens of an iPhone camera.

Will the legacy of tech in the lives of black people be the devices that record their murder? 

{% twitter 1265326913016528900 %}

Black Lives Matter is about gaining equity for black people. Why are we creating barriers to entry in tech for people of color? How can we change hiring practices to reverse this?

{% twitter 1268019656096350210 %}

What happens when leaders in technology don't recognize they are part of the problem?

{% twitter 1267944290770128896 %}

Coding is about people. Coding provides upward mobility for those who participate. Code is for the benefit of people!

I'm a teacher. One of my students came up to me after graduation a few years back almost in tears. I asked what was wrong but it turns out these were tears of joy. He explained how he just received a job offer, the first in his family to make over $100,000 salary. This remains a profound moment in my life when I realized there is more to coding.

How we use the power of the hire is up to us. We have an opportunity to change lives and I fear we'll squander it. 

How can we change hiring practices to be more inclusive of minorities in America? How do we effectively challenge our leaders to enact change? What do you have to contribute to the discussion?

The system is broken. What are you going to do about it?
This tweet has 78k+ impressions, 200+ likes & 40+ retweets
Tags: javascript, automation, twitter
Published: 2020-05-19 15:41:14


<blockquote class="twitter-tweet"><p lang="en" dir="ltr">This tweet updates itself...<a href="https://t.co/FwNRzUaxtu">https://t.co/FwNRzUaxtu</a></p>&mdash; Tod Sacerdoti (@tod) <a href="https://twitter.com/tod/status/1263131709861539841">May 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
In fact, the exact metrics for this tweet are:
+ 78374 impressions
+ 246 likes
+ 42 retweets
+ 5 quotes
+ 5 replies

The reason the title doesn't include the exact numbers is due to limitations of the Twitter API, which I will get to later.

**View the live workflow code [here](https://pipedream.com/@tod/p_7NCOBo/).**

This workflow is powered by [Pipedream](https://pipedream.com)'s impossibly fast serverless integration platform and was inspired by similar self-reflexive automation efforts on [Hacker News](https://news.ycombinator.com/item?id=3742902) and [YouTube](https://www.youtube.com/watch?v=BxV14h0kFs0).

**How this workflow works (in three easy steps):**

![Summary](https://i.ibb.co/fxDQJjF/summary.png)

**1. Event Source - emits new events when Tweet Metrics change**

*Note: Since the [Twitter Tweet Metrics API](https://developer.twitter.com/en/docs/labs/tweet-metrics/faq) is in preview, you must have your own Twitter developer credentials and [activate](https://developer.twitter.com/en/account/labs) the preview in your developer account.*

![Event Source](https://i.ibb.co/ZNDtN9N/step1.png)

**2. Code Step - Dev.to post in markdown with title and description**

![Code Step](https://i.ibb.co/WKbthLF/step2.png)

**3. Action - update the article using the Dev.to [API](https://docs.dev.to/api/#operation/updateArticle)**

![Action](https://i.ibb.co/hRMSjQY/step3.png)

**Why does the tweet not update in real time?**
+ Unfortunately, Twitter doesn't update the data of twitter cards in real time, which is why the metrics are rounded in the tweet
+ Twitter cards can be updated via the [Card Validator](https://cards-dev.twitter.com/validator)
+ However, doing this programmatically would violate Twitter's [Developer Terms](https://developer.twitter.com/en/developer-terms)
+ Twitter says [DO NOT](https://help.twitter.com/en/rules-and-policies/twitter-automation) "use non-API-based forms of automation, such as scripting the Twitter website. The use of these techniques may result in the permanent suspension of your account."

**Why not build your own?**
1. View the live workflow code [here](https://pipedream.com/@tod/p_7NCOBo/)
2. **Copy** the workflow into your account
3. Add your Twitter / Dev.to credentials and make any code changes
4. **Deploy the workflow** and you are live
Code challange of everyday
Published: 2020-06-03 18:14:19

---
title: Code challange of everyday
published: true
description: true
tags: 

---
Web Development will not finish to learn 1 day or 1 month , year but enough skills is that understand what are going on the event.
A good challage really make me good to practice my skills, 
I have a plan this month to make 30 project of this month and 
most of the project I will use html, css, js and reactjs from other website, psd, xd , figma.
Cheer's.
Scraping the web with Scrapy
Tags: python, webscraping, scrapy
Published: 2020-06-03 18:08:32

{% youtube tdA1cl6LiCw %}

This month, Python Frederick learned about [Scrapy](https://scrapy.org/), a tool used to read web pages and extract information from them.  Our speaker was Micah Nordland, and he explained the core components of Scrapy and demoed how to use the tool to get data from website.

Micah's presentation is available online at [http://lucy.rehack.me/slides/scrapy/](http://lucy.rehack.me/slides/scrapy/).

This article first appeared on [mattlayman.com](https://www.mattlayman.com/blog/2017/web-scraping-with-scrapy/).
Learn to build websites with GatsbyJS
Tags: gatsby, react, webdev, showdev
Published: 2020-06-03 18:08:14


As many of my readers know from my previous [post](https://dev.to/nabendu82/my-one-year-of-work-gatsby-cookbook-3651) that, after investing in learning GatsbyJS for the past 1 year and publishing blog series and creating production websites, I am releasing a book on GatsbyJS.

The book is called Gatsby Cookbook and the content of the book is below.

* Chapter 1 — Agency Site

* Chapter 2 — Blog Site with Stackbit

* Chapter 3 — Tourism Site with Contentful

* Chapter 4 — Video Chat Site

* Chapter 5 — Blog Site using mdx

* Chapter 6 — Ecommerce site with snipcart

* Chapter 7 — Recipe site with firebase

It will also launch all the major platform like leanpub, amazon, iBooks, gumroad once it is complete in **July 2020**.

The book is currently 80% complete and available on leanpub to purchase at [this](https://leanpub.com/gatsbycookbook) url. So, please show your support and purchase the book or tell it to someone who is interested in developing blazing fast production websites in GatsbyJS.

https://leanpub.com/gatsbycookbook

![leanpub](https://res.cloudinary.com/dxkxvfo2o/image/upload/v1591207471/dev30andUp/leanpub_kfrpls.png)
Fortunately, I Am Developing The Project.
Published: 2020-06-03 11:41:26

I have started to develop that I have been thinking about my own idea for 2 or 3 years. It took me a long time because I couldn’t spare time and didn’t know the technologies. Over time I have improved myself and spent time in time. Then I have developed the project. I only knew front-end. So I had to look for a friend to back-end. I had met a few people. Either we didn’t get along or he let me down. It didn’t seem like will be this kind of and I had started to learn of Python. I was thinking to develop my project by myself. Let look at the matter.

In This Project:
- It helped me learn the programming language I wanted to learn.
- I developed a project after completing a training set.
- I improved my research skills.
- I improved a bit of my English.
- It guided me in human relations.
- It taught me to be patient.

<hr>

Let’s go into details. I said I learned Python. I have finished the training set in 1 month. Then I started to develop Flask and My first project is this project. I did the project in about 3 months.

I have searched a lot of things on google Because I didn’t know to use a lot of features in this project. These researches were taking sometimes 10 minutes, sometimes 3 hours, sometimes for days. I was taking a break when it lasted more than 3 days. Later I was continuing where I left off. So I understood how important it was to be patient. Turkish resources are insufficient. You are searching for English. I didn’t understand many articles in English and I was translating it into Turkish. Then I was trying to solve the problem.

I was wondering what people thought of my project. I was writing to people for it. Some of them made positive feedback while others didn’t.

That’s all that happened so far.

Now There has marketing and social media business. Let’s see what happens then.

<hr>

If you have anything to ask, you can easily write to me without hesitating from my social media accounts.

> You can reach me on my [Twitter](https://twitter.com/beratbozkurt0), [Instagram](https://twitter.com/beratbozkurt0), [mail address](mailto:beratbozkurt1999@gmail.com). You can also go to [my site](https://beratbozkurt.net).
Loading sound files in Neutrino
Tags: javascript, neutrino, webpack
Published: 2020-06-03 17:54:44

Part 2 of a series on my experiences figuring out [NeutrinoJS](https://neutrinojs.org/).

I wanted to add sound effects to my app built with Neutrino, using local `mp3` and `wav` files. I know how to do this in plain Webpack — just configure `file-loader`!

I learned from my previous [adventures with style loaders](https://dev.to/molgin/using-custom-style-loaders-with-the-neutrino-react-preset-3aaf) that loaders are often best configured inside any Neutrino preset you're using. So I checked out the docs for the [Web preset](https://neutrinojs.org/packages/web/) (whose options are inherited by the other web project presets). There were config options for loading images and fonts, both of which use `file-loader` under the hood... but nothing for other kinds of files. I would have to dive into [`webpack-chain` configuration](https://neutrinojs.org/webpack-chain/).

This sort of configuration is probably simple for more advanced Neutrino users, but I want to document it clearly to make it a little easier for other beginners.

First, don't forget to `npm install --save-dev file-loader`.

Then, in my `.neutrinorc.js` I had to add an arrow function to my `use` array in order to access Neutrino's configuration API. I then was able to use the `webpack-chain` syntax to tell Webpack (via Neutrino) to find my `mp3` and `wav` files and load them with `file-loader`, as follows:

```javascript
module.exports = {
  options: {
    root: __dirname,
  },
  use: [
    standard({
      // ...
    }),
    // It shouldn't matter whether you're using React or other presets here!
    react({
      // ...
    }),
    jest(),
    // Add this arrow function
    (neutrino) => {
      // Access the Neutrino API
      neutrino.config.module
      // Configure whatever you need with the chaining API
      .rule('file')
        // Specify the file types you need here
        .test(/\.(wav|mp3)$/i)
        .pre()
        .use('file')
          // Load those files with file-loader
          .loader('file-loader');
    }
  ],
};
```

This worked, and now I'm able to import sound files by their paths in my JS files:

```javascript
import boxingBellWav from './sounds/boxing-bell.wav'
```

And easily play them with [Javascript's built-in `Audio()` constructor](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement/Audio):

```javascript
const boxingBell = new Audio(boxingBellWav)
boxingBell.play()
```

... Or, of course, with a full-fledged sound library such as [howler.js](https://howlerjs.com/) or [SoundJS](https://createjs.com/soundjs).

As always, if there's a better way to configure this, I'd love to hear about it! In the meantime I hope this makes someone's Neutrino journey a little smoother.
A real world website that is built with Next JS and Chakra UI
Tags: react, javascript, node, uiweekly
Published: 2020-06-03 17:42:50

Created a site using NextJS and Chakra UI which has the [best baby names](from: https://babynamestart.com) to choose from.

I think the primary challenge while creating such a site was a clean UX to easily choose and share names with whatsapp and other social medium.

![Name Card](https://dev-to-uploads.s3.amazonaws.com/i/e1eyz1wuhj2iehhtw5vp.png) 

The site is made so that the names are easy to filter and share with.

Other Features:

1. Favorite multiple names and share it in groups.
2. Hear the sound of each name.
3. Filter across multiple categories
Build privacy, get rewards
Tags: blockchain, react, javascript
Published: 2020-06-03 17:29:59

Incognito Chain is a privacy blockchain protocol that provides privacy for cryptocurrency. Our team has been swamped to make the product better for users, therefore we do not have extra resources to build new products for crypto privacy. 

That's why we created Builder Rewards program, to inspire developers community to start building privacy-first products and if the product is useful for bringing privacy cryptocurrency to mass adoption, that developer will be paid.  

We have $100,000 payouts in PRV from now till the end of 2020. For more details, visit here: https://incognito.org/t/builder-rewards/3057
Suggest a full stack project.
Tags: javascript, react, node, mongodb
Published: 2020-06-03 17:07:17

Hey Guys,
This is my first post. Before I ask the question. Here is something about me:
I am working as a frontend developer since past 2 years. I am aiming to become a full stack developer, so i started learning NodeJS. I have built 2 projects:
- Task Manager API (Users and tasks)
- Chat application using socket.io

Github: https://www.github.com/arpitmalik

I need project ideas that I can build on MERN stack. One of the idea I thought of is a URL shortner.
Monorepo, Git submodules or something else?
Tags: discuss, fullstack, monorepo, webdev
Published: 2020-06-03 17:07:09

Recently, I have also found [mateodelnorte/meta](https://github.com/mateodelnorte/meta), but it is essentially a false `git submodules`.

I am curious, whatever structure you choose, though.

- Would open multi-git repos bloat? How do you manage "folder" / "project"? -- [Can I arrange repositories into folders on Github?](https://stackoverflow.com/questions/11852982/can-i-arrange-repositories-into-folders-on-github)
- How do you manage in VSCode? For example, eslint and Vetur sometimes don't work well with foldered things.
[PT-BR] Modelagem de Banco de Dados Dimensional
Published: 2020-06-03 16:49:49

No post [anterior](https://dev.to/mgabrielacuenca/pt-br-data-warehouse-e-alguns-conceitos-4m26) foi abordado o conceito de Data Warehouse, o que é a tabela fato e a tabela dimensão. Irei prosseguir nesse sobre Modelagem Dimensional.

**O que é o Modelo Dimensional?**

Um modelo dimensional é basicamente uma tabela de fatos central e tabelas dimensionais ligadas diretamente a ela. Existem dois tipos de modelagem de dados usadas no Data Warehouse, a Snow Flake e a Star Schema, que é a mais utilizada.


**Snow Flake**

Nesse modelo as tabelas dimensionais se relacionam com a tabela fato, porém algumas dimensões se relacionam apenas entre elas, isso acontece para normalizar as tabelas dimensionais. No modelo Snow Flake existem tabelas de dimensões auxiliares que normalizam as tabelas de dimensões principais.

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


**Vantagens**
- Algumas ferramentas de modelagem de banco de dados multidimensionais OLAP são otimizadas para Snow Flake.
- A normalização das dimensões resulta em economia de armazenamento. 
- No modelo Snowflake, a hierarquia é representada em um relacionamento de chave externa e chave primária entre as várias tabelas de dimensões. No modelo Star, todas as tabelas de dimensões necessárias têm apenas chaves estrangeiras nas tabelas de fatos.


**Star Schema**

Nesse modelo todas as tabelas dimensionais se relacionam direto com a tabela fato. As tabelas dimensionais não são normalizadas no Star Schema, assim as tabelas de dimensionais ficam maiores por repetirem as descrições de forma textual em todos os registros. Esse modelo é chamado de Star porque a tabela de fatos fica no centro cercada das tabelas dimensionais parecido com uma estrela.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vqf7zzgoy9k4o1ia79pl.png)


**Vantagens**
- É mais simples e mais fácil de navegação, mas desperdiça espaço repetindo as mesmas descrições ao longo de toda a tabela.
- Consultas mais simples: a lógica de junção do Star Schema é mais simples que a lógica de junção necessária para recuperar dados de um esquema transacional normalizado.
- Star Schema é usado ​​por todos os sistemas OLAP para criar cubos OLAP com eficiência.


**Snow Flake ou Star Schema quando usar?**

O modelo Snow flake, a análise de dimensão é mais fácil. Um exemplo, "Quantas contas ou campanhas estão online para um determinado anunciante?"

O modelo de esquema Star é melhor para análise de métricas, como "Qual é a receita de um determinado cliente?"


Espero que gostem :) e qualquer dúvidas fiquem à vontade para perguntar.