teleren/devto huggingface dataset:
My Journey to Hacktoberfest 2023 Honored Contributor: Challenges, Triumphs, and Growth
Tags: hack23contributor, hacktoberfest, hacktoberfest23
Published: 2023-10-29 06:26:27

### My Journey as a Hacktoberfest 2023 Honored Contributor
Hey there, fellow developers! I'm thrilled to share my experience as a contributor during Hacktoberfest 2023. For those who don't know me, I'm Vishal Khoje, a passionate developer with a GitHub profile that you can check out https://github.com/vishalkhoje

> 
. This wasn't my first Hacktoberfest, but it was definitely one of the most memorable ones.

**My Pull Requests:**

1. [https://github.com/illacloud/illa-builder/pull/2934](https://github.com/illacloud/illa-builder/pull/2934)
2. [https://github.com/novuhq/novu/pull/4297](https://github.com/novuhq/novu/pull/4297)
3. [https://github.com/novuhq/novu/pull/4470](https://github.com/novuhq/novu/pull/4470)
4. [https://github.com/teamhanko/hanko/pull/1053](https://github.com/teamhanko/hanko/pull/1053)
5. [https://github.com/ToolJet/ToolJet/pull/7614](https://github.com/ToolJet/ToolJet/pull/7614)
6. [https://github.com/ageddesi/Mocked-API/pull/366](https://github.com/ageddesi/Mocked-API/pull/366)




### Highs and Lows
Throughout this Hacktoberfest, I encountered some incredible highs and a few challenges along the way. One of my biggest accomplishments was completing four valid pull requests, which earned me the Hacktoberfest 2023 Honored Contributor badge. It was an incredible feeling to know that my contributions were making a difference.

However, it wasn't all smooth sailing. I faced a couple of challenging issues that initially seemed impossible to fix. But, rather than giving up, I adapted by seeking help from the community, learning new skills, and persevering until I found a solution. It was a fantastic learning experience that pushed me to grow as a developer.

### Growth
Before Hacktoberfest 2023, I considered myself a competent developer, but this experience has significantly improved my skillset. I dove into projects I hadn't worked on before, which expanded my knowledge in various programming languages and technologies. My problem-solving skills have also seen significant growth, and I've gained more confidence in my abilities.

As for my learning and career goals, this Hacktoberfest has reaffirmed my passion for open source and community collaboration. It has motivated me to contribute more to open-source projects and help others on their coding journeys. I can't wait to see where this new-found passion takes me in my career as a developer.

In conclusion, Hacktoberfest 2023 was a fantastic journey filled with learning, challenges, and personal growth. I'm proud to have earned the Honored Contributor badge, and I look forward to many more Hacktoberfests to come. If you're considering participating in Hacktoberfest, I highly encourage you to take the plunge. It's a wonderful opportunity to make a meaningful impact on the developer community and level up your skills.
"Voice Search Optimization: Stay Ahead in the Age of Voice Assistants"
Tags: seoforvoicesearch, voiceseo, voiceactivateddevices, voicesearchoptimization
Published: 2023-10-29 06:22:39

**Introduction:**

In a world where voice-activated devices and digital assistants have become a part of our daily lives, it's crucial for businesses and website owners to adapt their SEO strategies. In this blog post, we'll explore the importance of voice search optimization and how you can ensure your website ranks well in voice search results.

**Section 1: Understanding the Rise of Voice Search**
Discuss the rapid growth of voice-activated devices.
Mention the popularity of voice search on smartphones and smart speakers.
Highlight how voice search is changing user behavior.
**Section 2: How Voice Search Differs from Text Search**
Explain the differences in user intent between voice and text searches.
Discuss the conversational nature of voice search queries.
Emphasize the importance of understanding natural language.
**Section 3: The Impact on SEO**

Explain why traditional SEO techniques might not be enough for voice search.
Discuss the need for faster-loading websites.
Explore the importance of structured data and featured snippets.
**Section 4: Optimizing for Voice Search**

Provide practical tips for optimizing your website for voice search.
Implementing schema markup for structured data.
Creating content that answers common questions in a conversational manner.
Optimizing for local voice search by listing your business information.
**Section 5: Tools and Resources**

Suggest useful tools and resources for voice search optimization.
Mention SEO tools for keyword research.
Share tools for testing your website's voice search compatibility.
Recommend blogs, forums, or communities for staying updated on voice search trends.
**Conclusion:**

Incorporating voice search optimization into your SEO strategy is no longer an option but a necessity. With voice-activated devices continuing to gain popularity, businesses and website owners must adapt to this new search paradigm. By following the tips and techniques outlined in this blog post, you can ensure that your website stays ahead in the age of voice assistants.
**Call to Action:**

Encourage readers to implement voice search optimization strategies and to share their experiences in the comments section. Invite them to subscribe for more SEO tips and industry updates.
Placeholder Contributor
Tags: hack23contributor
Published: 2023-10-29 05:13:47

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->

### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->

### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
Flexbox cheatsheet for beginners
Tags: css, flex, cheatsheet, html
Published: 2023-10-29 05:03:19

**Flexbox** is one of the most important elements for building layouts and making a website responsive. Here is comprehensive CSS flexbox **cheatsheet** will cover important things you need to know to start using flexbox in your web projects.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1nlt44k8usvjjeaus9p0.jpg)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjoukyth06rbzdgkv7jt.jpg)
Best VS Code Extension for HTML CSS and JavaScript
Tags: html, css, javascript, vscode
Published: 2023-10-29 04:41:49

Best VS Code Extension for HTML CSS and JavaScript

In this video tutorial, we are going to see the Best VS Code Extensions for HTML CSS, and JavaScript.  I've been using these extensions on my VS Code Editor, So I've decided to share with you each extension and how to configure it.

1- Live Server
If you are working client-side project, then the Live Server Extension is very important to you. You can use that and display code output on the browser without refreshing a page.

2-Auto Rename Tag 
When you change the starting auto the closing tag is automatically closed with the help of Auto Rename Tag, So you should try it.

03- IntelliSense for CSS 
That extension is used to display the hint of CSS and also you can use Bootstrap it will display the hint of classes inside the dropdown menu.

4- Prettier - Code formatter
Prettier Code Formatter which is used to format the code on your editor. You can easily check out the starting and closing project codes.

05- Color Highlights
When you use CSS to design the background, colors, etc, So, it will help you to display the colors on vs code.

06- Path Intellisese 
If you face a problem getting the path of the file, or folder, so you need to use that extension, that is used to display the current file path inside the vs code.

07- JavaScript (Es6) Code Snippet 
JavaScript extension is very helpful for us to suggest the JS code with the help of Extension. I also using the extension on my VS Code Editor.

08- Quokka
It's JS based extension that is used to display the object's details inside the VS code, If any property doesn't exist inside the object, then It will display an error, you can try it.

09- Material Icon Theme
Want to change the VS Folders and file colors, you need to use that extension. Once you installed and used that, your project files, folders, etc colors have changed.

10- Monokai Pro
It's a paid theme, but you can use it free of cost that used to display the colorful codes inside the VS Code editor.

These extension I've been using these inside my VS Code Editor, If you have any other extensions you can leave a comment I will try to make another video and add it to the video.

I hope this tutorial is helpful and beneficial for you. 

{% embed https://www.youtube.com/watch?v=Tfn-rKdwtKg %}
Weekly Challenge 240
Tags: perl, python, theweeklychallenge
Published: 2023-10-29 02:33:06

Each week Mohammad S. Anwar sends out [The Weekly Challenge](https://theweeklychallenge.org/), a chance for all of us to come up with solutions to two weekly tasks. My solutions are written in Python first, and then converted to Perl. It's a great way for us all to practice some coding.

[Challenge](https://theweeklychallenge.org/blog/perl-weekly-challenge-240/), [My solutions](https://github.com/manwar/perlweeklychallenge-club/tree/master/challenge-240/sgreen)

## Task 1: Acronym

### Task

You are given an array of strings and a check string.

Write a script to find out if the check string is the acronym of the words in the given array.

### My solution

Both of these weeks solutions are one-liners so there isn't much to explain. For this task, I take the first each of each words and do a case insensitive comparison with the acronym.

Both the Python and Perl solutions use the `map` function to get the first letter, and perform a join to calculate the `first_letters` variable.

Python:

```python
first_letters = ''.join(map(lambda w: w[0], words))
print('true' if first_letters.lower() == acronym.lower() else 'false')
```

Perl:

```perl
my $first_letters = join( '', map { substr( $_, 0, 1 ) } @words );
say lc($first_letters) eq lc($acronym) ? 'true' : 'false';
```

### Examples

```bash
$ ./ch-1.py Perl Python Pascal ppp
true

$ ./ch-1.py Perl Raku rp
false

$ ./ch-1.py Oracle Awk C oac
true
```

## Task 2: Build Array

### Task

You are given an array of integers.

Write a script to create an array such that `new[i] = old[old[i]]` where `0 <= i < new.length`.

### My solution

Not much to this task. Generate a list based on the specifications in the task.

Although it might be argued that this is a trick task. If read at face value. `new.length` is 0, and thus an empty list (array in Perl) would be the 'correct' solution :)

Python:

```python
solution = [ ints[ints[i]] for i in range(len(ints))]
print(*solution, sep=', ')
```

Perl:

```perl
my @solution = ( map { $ints[ $ints[$_] ] } ( 0 .. $#ints ) );
say join ', ', @solution;
```

### Examples

```bash
$ ./ch-2.py 0 2 1 5 3 4
0, 1, 2, 4, 5, 3

$ ./ch-2.py 5 0 1 2 3 4
4, 5, 0, 1, 2, 3
```
2023 Hacktoberfest #3
Published: 2023-10-29 02:29:51


[issue-1](https://github.com/movesthatmatter/movex/issues/162)/[PR-1](https://github.com/movesthatmatter/movex/pull/170)
[issue-2](https://github.com/movesthatmatter/movex/issues/165)/[PR-2](https://github.com/movesthatmatter/movex/pull/182)


There were two issues about fixing `linting` at the project, and it was pretty easy to fix so I created 2 PRs in the third week. The first [issue](https://github.com/movesthatmatter/movex/issues/162) is to add a command to `package.json` to run `linter` in parallel. The command was used to lint all of libs files in a single command. 
```
"lint-all-libs": "npx nx run-many --parallel --target=lint --projects=movex-core-util,movex,movex-server,movex-service,movex-react,movex-vue --quiet",
    "push-all-libs--locally": "cd dist/libs/movex && npm version pre && yalc push && cd -; cd dist/libs/movex-server && npm version pre && yalc push && cd -; cd dist/libs/movex-core-util && npm version pre && yalc push && cd -; cd dist/libs/movex-react && npm version pre && yalc push && cd -; cd dist/libs/movex-service && npm version pre && yalc push && cd -;",
```
I simply added the command to `package.json` and ran it, and I found out the command was working properly but a couple of libs files failed due to linting. After my [PR](https://github.com/movesthatmatter/movex/pull/170) was merged and I moved on the [2nd issue](https://github.com/movesthatmatter/movex/issues/165) to fix the file that had a linting error. The original code was using ` TState extends any = any`, which caused a linting error, and I simply updated the code as below.

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

Even though these are quite simple issues, I could gain more knowledge about `lint` from this project and know how to lint many files in parallel in one command. I think that I have more confidence in open-source projects and want to contribute to bigger projects next time.
I'd like to enrich my value
Tags: career
Published: 2018-08-13 03:07:59

---
title: I'd like to enrich my value
published: true
description: 
tags: career
---

There is the DEVConnect feature but people don't know who am I.

I'm React/ReactNative dev 4y and half.
i'm bothering for future career so I have to learn and prove skilled developer to toplevel tech Company.

I'd like to over 100kUSD annual and Engineering with professionals.

Do I think I am professional right now? NO...
Training is necessary for half a year to a year and a half.

I want to quit the company right now if possible and focus on training, but if I do not work I can not eat it from me no matter what I go.
I do not know if it can be called engineering Days that repeat implementation of a quick preparation.

For the business side of the company they need to launch the killer feature earlier than the competition is technology, if the function launches the goal is achieved.

Although the introduction has become longer, I like to do real software engineering like the React core team!
A Simple digital calculator with pixel art style
Tags: calculator
Published: 2023-10-29 02:38:24

---
title: A Simple digital calculator with pixel art style
published: true
date: 2023-10-29 00:32:00 UTC
tags: Calculator
canonical_url: https://reactjsexample.com/a-simple-digital-calculator-with-pixel-art-style/
---

# Simple Calculator
 ![A Simple digital calculator with pixel art style](https://reactjsexample.com/content/images/2023/10/Code_2023-10_11-27-34.jpg)

React + TypeScript + StyledComponents

This project is a calculator that simulates the old simple calculators. I tried to replicate the functionalities and responses shown on the display as closely as possible. All components, both the buttons and the numbers on the display, are made with images created by me.

![A Simple digital calculator with pixel art style](https://camo.githubusercontent.com/8cbe10afd1971b0a4217e90bd077e79957212aaa617bb5bc36a97dff236fe135/68747470733a2f2f692e6962622e636f2f374366564e58432f696d6167656d2d323032332d31302d32342d3038353633363735302e706e67)

[View Demo](https://pixelcalculator.netlify.app/)[View Github](https://github.com/ernestoborges/pixelart-calculator?ref=reactjsexample.com)

### Contributing

If you find any errors or missing functionality, please feel free to suggest a solution or get in touch with me.

## GitHub

[View Github](https://github.com/ernestoborges/pixelart-calculator?ref=reactjsexample.com)
Structured bindings in C++17
Tags: cpp, programming
Published: 2023-10-29 00:16:26

🚀 Excited to share my latest video tutorial on C++17's game-changing feature: Structured Bindings! Join me as I demystify this technique, enhancing code readability and conciseness. Learn how to iterate over maps, extract data from complex types, and more! Watch now and boost your C++ skills! 💡🖥️

[Watch now](https://youtu.be/Zj_RnK7h3Bs)
Linear Algebra: Invertibility
Tags: linearalgebra
Published: 2023-10-29 00:03:58

## What is Invertibility? What does that have to do with a matrix’s columns and shape?

- For a matrix to be invertible, it must represent a bijective transformation. In other words, for every vector in its codomain, there must be exactly one input vector that maps to it.

- The concept of range is relevant here, since, as its name suggests, the range {% katex inline %}R(A){% endkatex %} of a matrix {% katex inline %}A{% endkatex %} is the set of vectors in the codomain that the matrix maps some input vector {% katex inline %}\vec x{% endkatex %} to.

- So, for a matrix to be invertible, we want:
    - its range to be exactly equal to its codomain
    - every vector in the codomain must correspond to only one input vector {% katex inline %}\vec x{% endkatex %}.

- In more "practical" terms, we should think of a matrix's range as the span of its columns. With this lens, we can say that, for an {% katex inline %}m \times n{% endkatex %} matrix {% katex inline %}A{% endkatex %} to be invertible:
    1. its columns should span {% katex inline %}\mathbb{R}^m{% endkatex %}.
    2. its columns should form a linearly independent set of vectors.

For the first condition to be true, we need the matrix to have **at least** {% katex inline %}m{% endkatex %} columns.

For the second condition to be true, given that each column of A is a vector in {% katex inline %}
\mathbb{R}^m{% endkatex %}, for all columns to form a linearly independent set, there **cannot be more** than {% katex inline %}m{% endkatex %} columns.

- Therefore, for conditions 1. and 2. to be true, the matrix must have exactly {% katex inline %}m{% endkatex %} columns; equal to the number of rows.

- This means that for matrix {% katex inline %}A{% endkatex %} to be invertible, it must be a square matrix.
Caption This! 🤔💭
Tags: discuss, watercooler
Published: 2023-10-29 00:00:00

---
published_at : 2023-10-29 00:00 +0000
---
You bet we had to do a Halloween-themed Caption This...

Think you have what it takes to make the best ~spooky season~ themed caption for this post? Show us your skills y'all!

![Scared looking pumpkin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k9cesk7icyuz81cf7akf.jpg)

Follow the DEVteam for more online camaraderie! {% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Esta edición he sacado un proyecto para iniciarse...
Tags: hack23maintainer, hacktoberfest, beginners, github
Published: 2023-10-28 23:32:13

Cada Hacktoberfest echo un montón de tiempo buscando proyectos con issues abiertas donde echar una mano; y normalmente encuentro mucha tarea de relleno y muy poca en español, que tb es normal.

Pues este año me he propuesto participar de otra manera, y he montado un pequeño proyecto sobre el que se pueda trabajar aún siendo principiante o simplemente poco tiempo.

## Hola, Halloween

He planteado [una pequeña cuenta atrás hasta Halloween](https://github.com/oneeyedman/hola-halloween) en la que poder trabajar por mi cuenta y pequeñas tareas de mejora del proyecto en cuanto a organización o configuración, de manera que tengan un sentido y si a alguien le da cosica el tema de contribuir o de Git, pues que tenga algo facilito y manejero donde animarse.

Planteo organización de carpetas, añadir un .gitignore o un .editorconfig, y el uso de un archivo humans.txt.

Hasta ahora no ha sido una locura de participación, aunque ya van dos PR, DOH!

### Bonus
De la parte de maquetación de la [landing del proyecto](https://oneeyedman.github.io/hola-halloween/) hice un vídeo del proceso en Twitch.

{% embed https://www.twitch.tv/videos/1951767052 %}

## Y ahora, qué?

Pues a día 29 ya no espero mucho más movimiento, aunque para el año que viene lo prepararé con tiempo, con más recámara de tareas y quizás de diseño o de perfiles menos técnicos.

Me gustaría mantener un proyecto es español, y empezar a moverlo antes.

**Qué tal ha ido tu Hacktoberfest?**
Technical Writing: Mastering the Art of Crafting Winning Business Proposals
Published: 2023-10-28 23:10:43



When you write business proposals, it's a bit like walking a tightrope – you have to get it right to succeed. Writing proposals for different projects has taught me that being meticulous is vital. Here's a story that drove home this lesson.



![Business Proposal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dmxm96jzpu96i1df3dzi.png)


A few years ago, I was tasked with creating a proposal for a software development project. The client, a new healthcare company, wanted a clear plan for building a system to manage patients. Many other companies were also trying to win this project, and if we got it, it would be a big deal for our company.


Here's what I learned from that experience:


**1. Understand Your Audience: The first lesson is to know your audience. The startup folks knew healthcare but not tech talk. So, I realized I needed to explain our techie skills in a way that everyone, even non-tech folks, could get.


2. Clarity is Key: I focused on clear, concise language. Our goal was to ensure that anyone reading the proposal could grasp our approach.


3. Comprehensive Scope: The proposal needed to cover every aspect of the project. We detailed the project's scope, objectives, timelines, deliverables, and costs. This level of detail showcased our professionalism and commitment to transparency.


4. Visual Aids: To break up the text and make the proposal more engaging, I included visual aids like flowcharts and diagrams. These helped convey complex technical concepts more .


5. Proofreading and Editing: Attention to detail in grammar and punctuation is crucial. A single typo can cast doubt on the professionalism of your proposal. Many rounds of proofreading and editing are a must.


6. Consistency and Branding: Keep things the same and show off your brand in your proposal. Use the right fonts, colors, and writing style to leave a strong impression. Consistency in branding helps create a lasting impression.




The result? Our proposal stood out in the crowded field. Its clarity, comprehensive approach, and professionalism impressed the client. We won the project, and it was a testament to the power of meticulous technical writing.




In a nutshell, writing great business proposals isn't about being a tech whiz. It's about understanding your audience, being clear, and proving your expertise. This story is one of the many lessons that reminded me how vital technical writing is in the business world.