teleren/devto huggingface dataset:
Text Editor with Text to Speech and Speech to Text!!!
Tags: hackwithdg, javascript, writing, vue
Published: 2022-04-11 22:45:27

## Hello everyone 👋,

Few hours left for the hachathon to be over and I'm still thinking of ways to improve my projects, So allow me to introduce you to some new features in [Wordleit Markdown Editor](https://dev.to/moose_said/use-vocal-commands-to-apply-markdown-to-your-article-99).

![Wordleit Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ejr7d77zv0jhg3epbfxv.png)

### What's new?
1- Added AI TTS (Text to Speech) article reader.
- It stops on (click, refresh session and on complete).
- It doesn't read the markdown symbols, only the text.

2- Upload Mp3 and convert to text. 

### More about the new features

So now you can make your device read back to you whatever you wrote. this will help you review your articles without having to read it over and over again to spot mistakes.

Also you can upload any mp3 file to Wordleit and receive your mp3 file as a text in the Markdown Editor! This allowing you to transform any audio, course or tutorial you like into an article of your own.

I was going to add Youtube to MP3 api so that you can convert any youtube into mp3 and then upload it to Wordleit but unfortunately I don't have time. But it's definitely an option, there are so many online youtube to mp3 convertors out there.

### Submission category:

Well, Wordleit has a Markdown Text Editor, Video Streamer and AI bot. It's really hard to tell which category :D But I tried to submit each project in the one that made sense to me

### Have a look at this demo

{% youtube 9gvFVLzGISI %}

### Try it out yourself:

Head to Wordleit homepage and select Wordleit Editor 🚀

https://wordleit.herokuapp.com

### Link to Code on GitHub:

{% github https://github.com/MooseSaeed/wordleup %}
What's you opinion on .NET and C#?
Tags: csharp, career, dotnet
Published: 2022-04-11 22:41:49

In these last 3 years, since I started my career as a software developer, I've been trying to get more knowledge and to learn from anyone in the programming community.
What I've seen is that .NET and C# are not as mentioned as many other programming languages.
It's kinda strange, because it's a framework that has been getting better and better.
I would like to know your opinion on why you think it's referred so "rarely" in comparison to other programming languages.
Also, what's your thoughts on the framework and the language?
PS: if you have resources about the framework or the language, feel free to share 😎
Thanks for reading, have a nice day 😄
Test your English pronunciation with Pronounce
Tags: hackwithdg, nextjs
Published: 2022-04-11 22:34:47

### Overview of My Submission
Pronounce is a simple way to test your English pronunciation where you will receive a random quote, read it and receive the feedback.

### Submission Category: 

- Analytics Ambassadors
- Wacky Wildcards

### Link to Code on GitHub

{% github https://github.com/FeGroders/pronounce %}

### Additional Resources / Info

#### Main Screen
![Main screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dv235l4cgv04e1kcswug.png)

##### Feedback Screen
![Feedback screen](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9rj6ec25ebqjh0f3jzln.png)

### Future Improvements
I wish i had more time to finish everything that i wanted but the basic idea it's functional. Some things that could be improved:

- Add more languages;
- Better UI/UX;
- Play the correct pronunciation of the quote;
- Remove the fixed time to record the audio;

###### [NOTE]: This is my first Hackathon, I wish I had more time to finish everything but I choose to use two new frameworks (Next.js and Express.js) that i've never worked with before. There is a lot of things to improve but I'm very proud of what I did. If you saw something I could have done differently, feel free to comment. I'm always looking to improve
Day 556 : Dirty Laundry
Tags: hiphop, code, coding, lifelongdev
Published: 2022-04-11 22:30:22

_liner notes_:
- Saturday : Got back into the studio for the first time since getting back into the States. Had a really good time. Felt good to be back! The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a keychain of a Smurf holding 2 buckets with the words April 9th 2022 Gray Star](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aeo10esnxrssk4uemj9a.jpg)

- Sunday : Started back up the https://untilit.works cyphers. Didn't do them for a couple of weeks because I was travelling. It took a session to get back into the groove, but it felt like riding a bike. I was catching up with Astro's beta launch week and checked out a site they created to showcase sites made with Astro. Surprised to see that one of my sites was listed! Pretty cool. You can check it out at https://astro.build/showcase/ Also, all the stuff I coded still worked! haha. I did a bunch of dirty laundry as well.

- Professional : Today was all about submitting my expense report for my Europe trip. haha I had a lot of charges on my card for the 2 and a half weeks I was on the road. I also booked my flight and hotel for an upcoming trip. Still got a few more to book. I also got to speak with the team about a new update to the SDK and provided some feedback. That was inbetween a couple of meetings.

- Personal : I really need to catch up with some shows. There's "Atlanta", "Attack on Titan", and "Killing Eve". May have to do a binge watching session soon! haha

![Photo of the Kālepa Ridge, HI, USA coastline with a strip of beach and a large green mountain with pointy land columns with a mountain range in the background ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xla011cm88zjjys3j5px.jpg)

Going to eat dinner and work on upload the last few photos from the trip to London. Had some issues with them not being put in the right place, but I think I may have figured out why and get that done tonight. I also want to start getting caught up with some shows. That's it. Till next time.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 1okqvhq7ZaI %}
Deepgram Word Solver - An anagram game that involves rearranging letter
Tags: hackwithdg, deepgram, deeplearning, ai
Published: 2022-04-11 22:18:40

---
title: Deepgram Word Solver - An anagram game that involves rearranging letter
published: true
description: My submission to the Deepgram Hackathon on DEV!
tags: hackwithdg, deepgram, deeplearning, ai
---

<!-- Please delete anything appearing between angle brackets and create your own title before publishing your submission post.  -->

<!-- [Instructions]: # (To submit to the Deepgram Hackathon on DEV, please select the template that corresponds with the challenge you are submitting to and delete the content for the other submission type. You are encouraged to submit as many times as you would like, but please create a separate submission template for each project.) -->

<!-- ✨Pro Tip: You can link all of your submissions together by adding `series: {your series name here}` to each post in the header section – right between “tags” and “description. ✨ -->

— 

<!-- [Template 1: Build Challenge]: # (Select this submission template if you have built an application using Deepgram for this hackathon.) -->


### Overview of My Submission
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)
Deepgram Word Solver, is an endless letter re-arrangement game built with Deepgram and React and NextJS. The goal is to form words out of given letters.

### How it works?
The players will record their answers by holding the record button and releasing it to submit.

The recorded answer is then sent to a serverless function at the backend where Deepgram is allowed to perform its magic by transcribing the recorded answer into text. The text is now compared to the lists of anagrams.


### Submission Category: 
Gram Gamers


### Link to Code on GitHub
{% github https://github.com/tope-olajide/deepgram-word-solver %}

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

<!-- [Note:] # Screenshots/demo videos are encouraged! -->
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lrgit9y5q3sarobrxv6f.png)

—




<!-- [Reminder]: # (Submissions are due on April 11, 2022 @ 11:59 PM UTC) -->
Menyelesaikan soal "A Very Big Sum" di HackerRank
Tags: javascript, programming, beginners
Published: 2022-04-11 21:57:57

![Soal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ct5022hsbci60ifnmfc2.jpg)
Pada soal di atas kita diminta untuk membuat fungsi yang digunakan untuk menjumlahkan bilangan bulat yang ada di dalam array dan beberapa diantara bilangan bulat tersebut memiliki nilai yang cukup besar. Karena disini saya menggunakan bahasa pemrograman javascript, cara penyelesaiannya akan sama saja dengan soal [Simple Array Sum](https://dev.to/arisca_abdullah/menyelesaikan-soal-simple-array-sum-di-hackerrank-4jjh). Berikut kode pemrogramannya:
```javascript
function aVeryBigSum(ar) {
    return ar.reduce((previous, current) => previous + current, 0);
}
```
Apabila kalian menggunakan bahasa pemrograman lain seperti C/C++/Java mungkin akan membutuhkan penyesuaian tipe data.

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi atau Anda punya cara lain untuk menyelesaikan soal di atas silahkan share di kolom komentar. 😁
How to fix: Allowed memory size exhausted for Laravel Valet
Tags: webdev, laravel, valet, php
Published: 2022-04-11 21:48:25

This post assumes that you are using [Laravel Valet](https://laravel.com/docs/9.x/valet) on your local for development.

When working on different project, most of the time we might need to switch from one `PHP` version to another. Each `PHP` version has default setting that might not be enough for your project and when running tasks like `phpunit` it can easily exhaust your memory and you might get a message like this one:

```bash
Fatal error: Allowed memory size of 1073741824 bytes exhausted (tried to allocate 172032 bytes)
```

To solve this following are the steps:

Goto `/usr/local/etc/php` and locate your `PHP` version. Let's say your `PHP` version is `7.4` and you need to open `php-memory-limits.ini` locate at: 

```bash
/usr/local/etc/php/7.4/conf.d/php-memory-limits.ini
```

In this file you can set your memory limit as well as other custom settings that you might need and here is an example:

```php
; Max memory per instance
memory_limit = 512M

;The maximum size of an uploaded file.
upload_max_filesize = 512M

; Sets max size of post data allowed. 
; Changes to this will also need to be reflected in Nginx with client_max_body_size
; This setting also affects file upload. To upload large files, this value must be larger than upload_max_filesize
post_max_size = 512M
```

After updating the file then you should restart `PHP` using the following command:

```php
valet restart php
```
📥 Github cli 2.7.0 : "gh status"
Tags: productivity, programming, github, cli
Published: 2022-04-11 21:30:21

## ❔ Intro

[Gtihub cli/cli](https://github.com/cli/cli) has recently [released its `v2.7.0` version](https://github.com/cli/cli/releases/tag/v2.7.0)

While reading its [releaseNote](https://github.com/cli/cli/releases/tag/v2.7.0) I discovered the following new feature :

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cvnrrpdhmf712fmn0usn.png)
 
So I gave a look at the [`gh status` feature](https://github.com/cli/cli/pull/5369).

The preview was looking cool :

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

So I wanted to give it a try to this productivity tool. 

## 🎞️ Demo

I wanted to give it a try, see demo below :

{% youtube 8Iqr75OWX3o %}

## 👇 Conclusion

👉 `gh status` is now part of my productivity tool.

 I use it as a shortcut to my GH related activities (code, project management and team management), in addition to my [GH inbox](https://docs.github.com/en/account-and-profile/managing-subscriptions-and-notifications-on-github/viewing-and-triaging-notifications/managing-notifications-from-your-inbox) which is much much reacher, allows to make much more things but requires more time. These two approaches are complementary.
Quick list of small project ideas
Tags: beginners, ideas
Published: 2022-04-11 21:24:48

This is a small compilation of ideas for simple apps one can build in order to enhance their skills and practice. It's mostly targeted for beginners. Suggestions welcome. Credits to @EngineerRabbit on Twitter, she published this list originally. 

* **Games**
* Tic tac toe
* Snake
* Scrabble or some other word game
* Matching Pairs
* Simon Says
* Trivia
* Virtual Pet/Idle game
* Scavenging hunt (it can be static or you can implement an interface for the user to build their own)

* **Static**
* Picture album
* Job/internship board
* Fancy interactive resumé
* Product catalog
* Language learning portal
* List of travel destinations
* A simple wiki for a topic you enjoy

* **Management**
* Simple task manager
* Calorie count
* Exercise or habit tracker
* URL shortener
* Donation/free stuff board

* **Embeds and APIs**
* Advice from api.adviceslip.com
* Chuck Norris (because why not) api.chucknorris.io
* Dogs docs.thedogapi.com
* Spotify charts developer.spotify.com
* Magic the Gathering database (research APIs available)
RECURSIVE ALGORITHMS IN PYTHON
Tags: python, algorithms, recursion, programming
Published: 2022-04-11 21:15:00

**RECURSION DEFINITION**
Recursion is a computing technique where by a function calls itself during execution and add data to a stack memory till it reaches the end of the recursive loop and returns back the required output. Recursive algorithms are suited for problem whose data structure can be scaled down to smaller versions and they provide and alternative to the conventional iterative methods of approaching problems. 
A visual example of how recursive algorithms work is the Russian doll, 

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

As depicted above, the Russian doll has a smaller version contained in it till you get to the smallest doll, so also does recursive algorithms, they help solve problems that can be fragmented into smaller pieces but in this case each stage is stored in a STACK memory and can be recalled through a recursive path. 

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

**RECURSION VS ITERATION**
 The major difference between a recursive and iterative algorithm falls under three major criteria for review:

- **SPACE USAGE**: Recursive algorithms are not space efficient when compared to iterative algorithms, this is because No stack memory is required in the case of iterative algorithms.

- **TIME EFFICIENCY**: When it come to being time efficient iterative algorithms are more time efficient compared to recursive ones. Recursive algorithms require time to pop and push elements to stack memory which is less time efficient.

- **CODE SIZE**: Recursion reduces the size of the code while iteration prolongs it. Hence recursive algorithms are easy to code.

<u>3 STEPS FOR WRITING RECURSION ALGORITHM </u>
Using an example of writing a recursive algorithm to determine the factorial of a number.

i. BUILD A RECURSIVE CASE - THIS DESCRIBES THE FLOW (GOVERNING EQN AND LOGIC). 
`n*factorial(n-1)`

ii. SPECIFY A BASE CASE - THIS IS A STOPPING CRITERION TO PREVENT AN INFINITE LOOP
`if n in [0,1]:`

iii. IDENTIFY THE UNINTENTIONAL CASE - THIS PLACES A CONSTRAINT TO THE ALGORITHM
`assert n>=0 and int(n) == n, "The number must be a positive integer only"`

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

The code block above returns the factorial of the parameter 12 which is passed into the function.

The function calls itself each time and adds the each result variable in the stack memory till the base case ia achieved.
Figma: Animations
Tags: figma
Published: 2022-04-11 21:11:56

## Table of Contents
1. [Figma Animations](#figma-help)
2. [Figma Plugins](#figma-plugins)
3. [Step-by-Steps](#lets-do-this)
4. [Conclusion](#conclusion)

### Figma Help
[Figma](https://www.figma.com/) has a [help site](https://help.figma.com/hc/en-us/articles/360040522373-Prototype-animations) for animations that goes through instant, dissolve, smart animate, move in/out, push, and slide in/out animations. It goes into what these animations are, has small clips on how they would look like on a mobile device, and what they support (ie, duration, easing, and direction). [This Figma help](https://help.figma.com/hc/en-us/articles/360051748654/) goes into using easing curves, whether they be linear, ease in, ease out, ease in and out, ease in back, ease out back, ease in and out back, or custom easing curves.

Overall, there are many animations and lots of motions you can add into your designs. Along with plugins, it can be overwhelming. So it's okay to start slow.

### Figma Plugins
[Jitter](https://www.figma.com/community/plugin/961270034818256057/Jitter-%C2%B7-Fast-%26-simple-animation-tool-(motion-design)) is one of the Figma plugins that lets you animate your designs with just a few simple clicks. The download page says:
> Jitter lets you animate your Figma designs in just a few clicks, to export the animation as a video or as a GIF, create your motion design system, or share the animation parameters with developers.

So it can't be wrong, right?

[Motion](https://www.figma.com/community/plugin/889777319208467032/Motion) is another popular Figma plugin that allows you to use advanced animation techniques and wow your developer friends!

### Let's Do This
#### 1. For this we're going to be using the [Jitter](https://www.figma.com/community/plugin/961270034818256057/Jitter-%C2%B7-Fast-%26-simple-animation-tool-(motion-design)) plugin

![first step](https://miro.medium.com/max/1400/1*Dl_agbiP5apwgW46kj0wEw.png)

#### 2. Select Jitter and the artboard you want to animate

#### 3. Once the board exports to Jitter in the new tab, you'll want to select the **element** that you want to animate **before** clicking "New Animation" button

![new animation](https://miro.medium.com/max/622/1*s1lK1FIIlji6Fkn-UGg_ZA.png)

#### 4. This will bring up all the options for to choose from

![animation options](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rz5l6zc3f2axvtkd4x85.png)

#### 5. When you select an animation and it happens too quickly, you can change the speed by lengthening the blue bar at the bottom of the screen

![blue bar](https://miro.medium.com/max/1400/1*I-yi18wpQa3a_Ratq6V8zw@2x.png)

Note: You can stack animations together as well

### Conclusion
Animations are a great way to make your applications come to life! Do you have a favorite plugin to use in Figma for your animations?

Happy coding!
Speech to text tool for all: Deepgram x DEV Hackathon
Tags: hackwithdg, python, streamlit, deepgram
Published: 2022-04-11 20:59:31

### Overview of My Submission

My submission for the Deepgram Hackathon is a simple web application that can be used to interact with Deepgram's various features. Upload an audio file and get a transcript for it, remove profanity from the script or just search the audio and much more.

This application is a small tool to make it easier for anyone who want's to interact with Deepgram api's.


### Submission Category: 

Wacky Wildcards, Accessibility Advocates


### Link to Code on GitHub

{% github https://github.com/kachaMukabe/deepgram-for-all %}



### Additional Resources / Info


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dc4mej1xrjh8apnbskks.png)
Django Post Page and Post edit
Published: 2022-04-11 20:42:37

**modesl.py**

```python
from django.db import models
from django.contrib.auth.models import User

class Post(models.Model):
    title = models.CharField(max_length=30)
    body = models.TextField(max_length=500)
    date_posted = models.DateTimeField(auto_now_add=True)
    author = models.ForeignKey(User, on_delete=models.CASCADE)

    def __str__(self):
        return self.title
```
**run terminal**

```
> python manage.py makemigrations
> python manage.py migrate
```
**forms.py**

```python
class postForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['title', 'body', ]
```
**vies.py**

```python
from .forms import  postForm,
from django.contrib.auth.forms import User

def postPage(request):
    if request.method == 'POST':
        form = postForm(request.POST)
        if form.is_valid():
            title = request.POST.get('title')
            body = request.POST.get('body')
            user = User.objects.filter(username=request.user.username).first()
            post = Post.objects.create(title=title, body=body, author=user)
            post.save()
            return redirect('home')
    else:
        form = postForm()

    return render(request, 'app/post.html', {'form': form})
```
**post.html**

```html
{% load crispy_forms_tags %}
{% block content %}
    <form method="POST">
    {% csrf_token %}
    {{ form|crispy }}<br>
    <button type="submit">Post</button>
    </form>
{% endblock %}
```
**urls.py**

```python
from django.urls import path
from . import views

urlpatterns = [

    path('post/',views.postPage,name='post'),

]
```
FOR VIEW THE POST

**views.py**

```python
from .models import Post

def homePage(request):
    posts = Post.objects.all()
    return render(request, 'app/home.html', {'posts': posts})
```
**home.html**

```html
{% block content %}
    {% for post in posts %}
        <article class="media content-section">
          <img class="rounded-circle article-img" src="{{ post.author.profile.image.url }}">
          <div class="media-body">
            <div class="article-metadata">
              <a class="mr-2" href="#">{{ post.author }}</a>
              <small class="text-muted">{{ post.date_posted|date:"F d, Y" }}</small>
            </div>
            <h2><a class="article-title" href="{% url 'Postview' post.id %}">{{ post.title }}</a></h2>
            <p class="article-content">{{ post.body }}</p>
          </div>
        </article>
    {% endfor %}
{% endblock content %}
```