teleren/devto huggingface dataset:
Hear Me - Azure Trial Hackathon
Tags: azuretrialhack, swiftui, azure
Published: 2022-03-08 23:41:39

 [Instructions]: # (To submit to the Microsoft Azure Trial Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
The application converts images to text and then to speech. The main target audience for this application would be visually impaired, who shall use the Braille technology inbuilt within iOS such that they can convert images to speech in realtime.


### Submission Category: 

AI Aces


### Link to Code on GitHub

[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)

{% github ameysunu/trialhack %}

### Permissive License
[MIT License](https://github.com/ameysunu/trialhack/blob/master/LICENSE)

### Additional Resources / Info

The application is made using SwiftUI, Azure Cognitive Services, Computer Vision, Firebase and Google Authentication. The app converts text to image, and then converts it to audio. A translate feature was also added to the code, however not implemented, due to time constraints. The translation was handled by Azure Cognitive Services.

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly. DEV will not split prizes as per our rules)

[Reminder]: # (Submissions are due on March 8, 2022 @ 11:59 PM UTC)

### Screenshots

![Welcome Screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ve626hcyndh21vc4781i.png)
 
![Google Sign in](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rzzdh3yzjymhu7ke7zv2.png)

![Home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qy1nf3jvk7773etfsxrj.png)
 
![Image uploaded](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0prbv7e2sml99yfefvhw.png)

![Audio Analyzed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qmih91txtn97myyaqia.png)
 
![User Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ggb6obuo58d6tsjehiwk.png)
GitHub en coreano, portugués y ahora español
Tags: spanish, github, programming, opensource
Published: 2022-03-08 23:33:25

Discussions en GitHub tiene una nueva función de traducción incluye soporte para coreano y portugués y ahora español!

## Que son Discusiones
"GitHub Discussions" es un foro de comunicación colaborativa para la comunidad en torno a un proyecto de código abierto. Los miembros de la comunidad pueden hacer y responder preguntas, compartir actualizaciones, tener conversaciones abiertas y seguir las decisiones que afectan la forma de trabajar de la comunidad.

## Introducción
Habilitar los GitHub Discussions en tu repositorio ayuda que tu proyecto tenga conversaciones abiertas y fluídas en un foro público.

## Como lo habilito en mi projecto?
En GitHub.com, visita la página principal del repositorio.
1. Debajo de tu nombre de repositorio, da clic en  Configuración.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/txjc0mo34dqkchkfbwbc.png)
 
2. Debajo de "Características", selecciona Debates.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x08jr42pqay1lntanbsn.png)

## Usando GitHub Discussions en otro idioma

Discussions tiene una nueva función de traducción que ahora está habilitada para todos los usuarios. Esta versión beta inicial incluye soporte para coreano y portugués y ahora español, y GitHub planea agregar soporte para más idiomas pronto.

Esta nueva función utiliza la configuración de idioma de su navegador para determinar qué opciones de traducción mostrar. Si su navegador ya está configurado con el español como idioma predeterminado, ¡entonces está listo para usar esta función! De lo contrario, primero tendrá que actualizar la configuración de su navegador.

Una vez configurado el idioma de su navegador, navegue hasta cualquier repositorio de GitHub que tenga Discusiones habilitadas. 

Cuando encuentre un comentario que desee traducir, haga clic en el menú de desbordamiento y verá un enlace para traducir ese contenido a su idioma preferido.

Mira este GIF para una pequeña demostración de GitHub Discussions en acción.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hmywyz64n55eg1ygsuc8.gif)
bonjour tout le monde
Published: 2022-03-08 23:27:01

Je viens de voir ce [site](https://bois-ecolo.com) spécialisé dans la vente de [montre en bois](https://bois-ecolo.com/collections/montre-en-bois) et de [bague en bois](https://bois-ecolo.com/collections/bague-en-bois) que pensez-vous du design du site ?
Major Difference between Web2 and Web3
Published: 2022-03-08 23:12:02

My name is Goodnews Samuel. I am an enthusiastic web application developer. I am super excited for this special opportunity that has been given to me by [Zuriteam](https://zuri.team/) in partnership with [Nestcoin](https://nestcoin.com/) to learn about Web3 and Blockchain.

In this article, I will be talking about the major difference between Web2 and Web3.

Web 2 websites basically emphasizes user-generated content, the ease of use, participatory culture, and end-user interoperability while Web3 (also known as Web 3.0) is a concept for a new iteration of the World Wide Web based on blockchain technology, incorporating concepts such as decentralization and token-based economics.

The primary and most significant difference between Web2 and Web3 is that Web3 eliminates the need for centralized intermediaries and introduces information universality unlike in Web2.

you can check out the links below to read more about Blockgames, Nestcoin and Zuriteam.

[Blockgames](https://blockgames.gg/)
[Nestcoin](https://nestcoin.com/)
[Zuriteam](https://zuri.team/)


Thank you.
🤖discord bot with create-discordx
Tags: javascript, typescript, discord, bot
Published: 2022-03-08 22:58:32

```bash
npx create-discordx
```

![create-discordx](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qa6dudcvzq6nz4a73s7e.png)

Hello everyone, in this post. I'll share information about the command line tool that we created for developers to simplify the setup of discord bot projects using typescript. You can run your own bot within seconds. Isn't that fast?

_Let's hope in_

___

## Step 1

Run following command

```bash
npx create-discordx
```

## Step 2

Enter your bot name like `my-first-bot`

![create-discordx - bot name](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lkprsf5b91l4f35l8d33.png)

## Step 3

Select your package-manager

![create-discordx - package-manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0kj02vgtbutot6a8p606.png)

## Step 4

Select template

![create-discordx - select template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ns1gkftj7tbq30rd67am.png)

## Final Step

That was it, your project will be initiated and you will something like this on your screen.

![create-discordx](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w2kybln58e117eaz98kr.png)

____

## Thank you for reading!

I made this tutorial simple and short. I don't think any detailed explanation is necessary as all the steps are super simple. Let me know in comment, If you have any questions/suggestions for me. Thanks again!

## References

- [discordx](https://npmjs.com/package/discordx)
- [create-discordx](https://www.npmjs.com/package/create-discordx)
100 Day Companion
Tags: azuretrialhack, showdev, beginners, webdev
Published: 2022-03-08 22:57:24



### Overview of My Submission
Introducing, 100 Day Companion: helping devs complete the 100 days of code.

![demo_gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j72dqiv1l9jotao74b87.gif)

We were all new to coding at some point and speaking from experience, starting out wasn't easy. It takes a while to be consistent enough to develop the skills to learn, implement and grow. This cycle will repeat itself for as long as devs exist or until AI becomes smart enough to replace us. 

So I came up with the idea of a companion app to help motivate devs using the pretty common 100 days of code challenge with some additional features. The idea was to make the whole experience more interesting by:

- Celebrating milestones.
- Sending reminders.
- Providing some nice metrics.
- Recommending helpful tools and extensions.

So I partnered with some friends and we created this product. Give it a try 👉👉: [companion](https://witty-island-06ab41710.1.azurestaticapps.net/)
<br/>

### Submission Category: 
Wacky Wildcards
<br/>

### Link to Code on GitHub
{% github https://github.com/arndom/100Days-Companion
%}


Big ups to my friends @omzlaw and @habibahmad (sir script) for their amazing contributions in this project and going forward. 

Don't forget to leave a star ⭐ if you found this useful/interesting.


[Reminder]: # (Submissions are due on March 8, 2022 @ 11:59 PM UTC)
Responsive Footer That Sticks To The Bottom
Tags: tutorial, html, css, webdev
Published: 2022-03-08 22:49:18

In this video, I will create a **Fully Responsive Website Footer** using HTML and CSS.

I will take a mobile first approach and first create the footer entirely for a mobile screen.

This is the best approach when designing responsive websites.

Then I will add media queries for larger displays and you will see how easy it is to code for larger displays once you are all sorted for your mobile devices.

We will also make sure our website footer stays at the bottom no matter how small or large out content is.

{% youtube pgFpmxd5rGY %}

Also check out my [Coding Blog](https://codelikeadev.com) for other exciting blogs on HTML, CSS, JAVASCRIPT and C# ASP.NET.
Why you never hate Regex again?
Tags: tools, regex
Published: 2022-03-08 22:42:23

---
title: Why you never hate Regex again?
published: true
description: Regular expressions are very powerful tools for creating string patterns, but this one is sometimes difficult to understand. Here is why you won't hate it anymore.
cover_image: "https://www.maliksvd.dev/images/regex.png"
tags:
- Tools
- Regex
---

Created by [Geon George](https://github.com/geongeorge/i-hate-regex "Author of repository") and available on [GitHub](https://github.com/geongeorge/i-hate-regex "Repository of Geon George"), "I hate Regex" is a tool that allows you to quickly get a cheat sheet of multiple frequently used regular expressions.

Among them, here is a non-exhaustive list.

## **Username**

    ^[a-z0-9_-]{3,15}$

## **Date**

    (?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[13-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})

## **URLs**

    /(?:http|https|ftp|mailto|file|data|irc):\/\/[A-Za-z0-9\-]{0,63}(\.[A-Za-z0-9\-]{0,63})+(:\d{1,4})?\/*(\/*[A-Za-z0-9\-._]+\/*)*(\?.*)?(#.*)?/

## **24-hour time (HH:MM)**

    /(?:2[0-3]|[01]\d|\d):(?:[0-5]\d)/

## **Password**

    ^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$

There are many uses of Regex and in many different programming languages, you will have to deal with this type of expression at some point. However, the most important thing to remember is that there are infinite ways of doing this so there are multiple ways to get the best solution. 

Moreover, if you are in need of inspiration, there is a whole library on [regex101.com](https://regex101.com/library "Regex Library")
New Job Alert
Tags: javascript, job, employment, hope
Published: 2022-03-08 22:33:46

---
title: New Job Alert
published: true
description: I love my new job!
tags: javascript,job,employment,hope
//cover_image: https://direct_url_to_image.jpg
---
I haven't posted on here in quite a while. I've been busting my butt working for a new company. I accepted a "**JavaScript Developer**" position with a subsidiary of a Fortune 500 company last May and started in mid-June.

("_JavaScript Developer_" is even a bit of a misnomer... I do spend about 75% of my time doing front-end work, the rest is spent in C# and SQL.)

After looking/applying/interviewing for about four years, I was exhausted, but I was finally starting to get some really solid leads. I was getting hit up by recruiters 10+ times a week on LinkedIn - 20ish years of experience will do that. Usually the jobs were looking for someone with 3+ years experience with React, Angular, and/or Vue, thus making it not a good fit (having spent the previous seven years working with Backbone.js, no one wanted to talk to me beyond that).

Needless to say, it took the perfect position to come around... And it did.

I excel at working with Vanilla JS and I was finally contacted by someone representing a company that wanted someone who was not _married_ to a framework. When they learned I had a history (12+ years) with jQuery, as well as experience with C# and SQL, they offered me more than I was asking for.

**I was completely blown away!**

Almost nine months later and I haven't really had any sort of _formal_ review, but they keep showing me that they trust me and appreciate me by giving me more responsibilities (aka more projects that I "own").

I had a call earlier today with the lead dev and I was about in tears when he told me about the next "overhaul" project he wants me to work on, AND he wants me to run point on it.

I'm not posting this to brag, but to give hope for those who might feel stuck in their current role... Keep swinging for the fences. Keep tweaking your LinkedIn and your GitHub. Get your resume out there. Eventually you'll find the one, or (as in my case) it will find you.
RemoteUkraine. Help people from Ukraine to get online job
Published: 2022-03-08 22:29:31

We are out of politics, we do not ask for gratuitous financial assistance, we are good at what we do and ready to work remotely.
Ми допоможемо вам знайти роботу.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6hzyyuxo91o8es6bsf9i.png)

[https://www.remoteukraine.space/](https://www.remoteukraine.space/)
Difference Between Web 2.0 and Web 3.0
Tags: web3, web2, blockchain
Published: 2022-03-08 22:26:01

In this article, we would discuss the difference between web 2.0 and web 3.0. 

What is web 2.0? Web 2.0, the current version of the internet widely used, simply refers to the internet applications that allow sharing and expressing of user generated content. It is mainly characterized by dynamic content and the social media.

What is web 3.0? Web 3.0 refers to the next phase of the internet coined by Ethereum co-founder, Gavin Woods. The core concepts of the web 3.0 are: decentralization, trustless, artificial intelligence and connectivity

**Major Difference Between Web 2.0 and Web 3.0**
1. **Decentralization** - Decentralization is defined as the absence of a centrally controlled activity. Web 3.0 is heavy on the concept of decentralization while web 2.0 is not. For example, in web 2.0, a tweet made by a user could be censored by Twitter but in web 3.0, there is no governing body to censor any tweet. 
2. **Database** - Unlike web 2.0 applications, web 3.0 eliminates the middle-man. There’s no centralized database that stores the application state, and there is no centralized web server where the backend logic resides.
3. **User Data** - In web 2.0, users have limited control of how their data is exploited and some web 2.0 applications collect user's personal information based on their policy but with the advent of web 3.0, its users only need to provide their wallet address for authentication thereby giving them control over their data. 
4. **Public Ledger** - The public ledger is used as a record-keeping system that maintains participants' identities in secure and (pseudo-)anonymous form, their respective cryptocurrency balances, and a record book of all the genuine transactions executed between network participants. Web 2.0 transactions are not publicly published while web 3.0 transactions are published on the blockchain accessible to everyone.
5. **Money/Currency** - Web 2.0 mainly use tenders backed by law as a means of transaction while in web 3.0, tokens/coins created independently are widely used as a means of transaction. 

While web 3.0 might prove to be the future, there are still some disadvantages with this new internet but in the meantime, I fully support and would be involved in this revolution. 

This post was inspired by Blockgames (https://blockgames.gg), a blockchain based training organized by Nestcoin (https://nestcoin.com) in partnership with Zuri (https://zuri.team)
Container Story [Arabic]
Tags: aws, awscommunity, awscommunitybuilders
Published: 2022-03-08 22:23:04

قصة الكونتينر
كيف بدأ
وماهى اهم الأدوات المستخدمة


{% youtube jPzJVH1ab-4 %}


#aws
#awscommunity
#awscommunitybuilders
WEB 2.0, WEB 3.0, WHAT REALLY IS THE DIFFERENCE?
Tags: web3, blockchain, web2
Published: 2022-03-08 22:19:05

Since the creation of the internet in 1983, the manner in which people interact with the internet has changed drastically. The World Wide Web was built so as to seamlessly interact with the internet and the first version was the Web 1 (1991-2004). Web 1 gave us a very limited user interaction using static pages. With computer programs. In 2004, the evolution of Web2 started, which promised a more user-friendly and faster experience. And over the years, Web2 has both thrived and evolved in more ways than we imagined when it first came into existence. Despite the improvements and advancements in Web2, there were some issues that needed fixing such as decentralization, speed, and security. This gave rise to Web3. The potential of Web3 is so expansive that in the next 3-5 years we would only be scratching the surface.

Some differences between Web2 and Web3 includes
•	Centralization: Whereas Web2 has a centralized design in which ecosystems were developed and owned by one entity, Web3 design is in such a way that users become more involved in the development and ownership of ecosystems. This is called Decentralized Web. Web3 makes use of Decentralized Autonomous Organizations (DAOs) in which token owners will decide on essential changes and developments, as a collective.
•	Personalization: The internet experience of Web3 would be more customized to the user – more efficient search, relevant marketing, better communication and increased information link than Web2.  
•	Security: Due to the fact that Web3 is decentralized, it would be difficult and nearly impossible to hack into because one would have to gain access to all the users owning such software. This is a massive improvement to what we had in Web2.
•	Permissionless: Web3 provides a more democratic system in that there are no restrictions on who can be part of a network. Neither users nor suppliers will require authorization from a governing body to participate unlike we have Web2.
•	Digital Identity: In contrast to Web2, every user will have their own digital identity.

This is just to name a few of the overwhelming benefits of Web3 over Web2. Web3 is the future and everyone stands to gain something.
For more information on how to get started with web3 you can checkout the following sites [Blockgames](https://blockgames.gg/) or [Nestcoin](https://nestcoin.com/) or [Zuri Team](https://zuri.team/)
A simple but nice header  generator for your Github profile
Tags: azuretrialhack, vite, github, productivity
Published: 2022-03-08 22:04:16

### Overview of My Submission

"Github Profile Header Generator" is a simple but nice header image generator for your Github profile Readme.

[Github Profile Header Generator](https://agreeable-pond-087f7a90f.1.azurestaticapps.net)

### Submission Category: 

Wacky Wildcards

### Link to Code on GitHub

{% github https://github.com/leviarista/github-profile-header-generator %}

### Additional Resources / Info

* [Vite](https://vitejs.dev/) was used to build this tool.
* The styles are set with VanillaJS and [html2canvas](https://html2canvas.hertzen.com/) is used to render the code as image.
* The webapp was deployed with [Azure Static Web Apps](https://azure.microsoft.com/en-us/services/app-service/static/#overview).
* The deployment setup went very smoothly with the [Azure Static Web Apps extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps).

**Examples of header images**

![Example 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgl5ma6enovkbrpyhmcp.png)

![Example 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wtgsc1ypohluepmsrzgt.png)

![Example 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oo84y5zqx52mlyis1yjo.png)

![Example 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sjetvkazujtorko25pwi.png)

![Example 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9x7xj4laxb00xm21wxhx.png)

**Features list**

- Edit title and subtitle texts.
- Choose colors for text, background and borders.
- Set dimensions and padding.
- Align text and decorations.
- Change fonts.
- Set the size and radius of the border.
- Set background pattern image, its color, size and opacity.
- Add decorations.
- Toogle Github  dark and light mode.
- Download image as png.

**Screenshots**

*Main tools:*
![Home: Main](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5x9tpb4qhb44y3qabzq.jpg)

*Background tools:*
![Home: Background](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/du2l1oct41gn9b9tv1sb.jpg)

*Decorations tools:*
![Home: Decorations](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xb5wfnc345757wg5hcb5.jpg)

*Github Dark/Light mode:*
![Home: Light Mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/panhf246u2zeti0xwbj7.jpg)

** I invite you to contribute to this project with ideas/code contributions/etc 😊.