teleren/devto huggingface dataset:
Small things, for small packages
Tags: typescript, npm, webdev, javascript
Published: 2022-08-29 09:08:00

That moment, 
when you get bored on a Sunday evening and publish parts of your projects as a package. That's exactly what happened to me last night. In the past, I have implemented in projects a
simple status message system that can be used to graphically tell the user when there is information, warnings, errors, or confirmations from the system.

Like most of my projects, the source code is on GitHub, Feel free
to Fork me ^^

[https://www.npmjs.com/package/simple-status-messages](https://www.npmjs.com/package/simple-status-messages)

[https://github.com/JosunLP/simple-status-messages](https://github.com/JosunLP/simple-status-messages)
Jump start your next career with React skills as a beginner...
Tags: react, javascript, beginners, node
Published: 2022-08-29 09:07:00

Today, I'll go over the fundamentals of the React world. You've come to the right place if you're just getting started with ReactJS. I attempted to cover the fundamentals of React in an easy-to-understand manner in this article by using a simple project called "Todo List." By the end of this article, I hope you understand the fundamental concepts of React and Javascript.

This easy project will teach you about hooks like useState, useEffect and array methods in javascript, which are commonly used in real-world projects.

Fork this [project](https://github.com/elvis-sautet/usestate-react) and kindly try skimming it, i am sure you will understand alot.

Check out more of my public repositories to learn to learn more, about react, node and more tech-stacks on [Github](https://github.com/elvis-sautet/)

Lets learn together...
Learning by doing
Published: 2022-08-29 09:05:09

Hi!

My name is Jasur. I used struggled, like others, on learning how to code and how to bring peices of codes together so that the app works. A month ago, I passed tech interview and got job offer at [Epam Systems](https://www.epam.com/). I want to shortly talk about how I did it.

Like many people, I've started learning programming watching tutorials and pausing and doing the steps shown in the video. But, when it came to create something on my own, I could not do it. One can bring endless reasons forward why I could not do it, but I believe I did everything backwards. Another reason is I wanted to learn everything at once as I wanted to be a full stack developer. So, I was learning HTML for 2 weeks, another 2 weeks for CSS, a month for JS, and so on. That way, I wasted about 4 years of time.

It takes a great deal of practice and some time until you grasp a solid knowledge of something. You can't master something in a month. (May be you can, I am not going to argue with you!). My point is `output = input * retries`. Then, instead of becoming a full stack developer I decided to narrow my focus. I started practising Express.js with MySQL only. When I was confident about my knowledge, I started using other frameworks/libraries with them.

The quality of my code was not good, in the beginning. But the goal was to make the app work, refactor later. Over time of practising, the quality of the code started improving. Instead of rewriting functions I started making re-usable functions and exported/imported them where necessary.

My life changed when I actively started using classes and objects. OOP makes life easier, your code well organised and readable. 

My advice for beginners is to start learning by doing small projects. When you can't find a way to how to solve a problem within the project look for an answer from documentation, stackoverflow, tutorials. The order mentioned above is important. You should get used to reading and understanding docs. Of course, not all documentations have in-depth information but you can get the general idea at least.

Once you have a working app, you can start refactoring your code and/or add additional features. Once you start scaling your app, you will run into different issues and learn lessons how you should have organised the structure from the beginning. 

Don't forget learning is a life-long journey!
Minimum Amount of Time to Collect Garbage
Tags: python, warmi, programming
Published: 2022-08-29 08:46:00

PROBLEMA
LeetCode:Minimum Amount of Time to Collect Garbage
1.Casas con materiales:Papel,Vidrio y Metal. 
2.Cantidad de tiempo que se tarda dirigirse a una casa.
3.Cantidad de tiempo de recojer.
Ejemplo:
1 . casas = ["P","M","G"]
2 . tiempo_ida= [1,2]
3 . 1 minuto


SOLUCION

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v6xwkula4c45dn8j2xoa.png)
 
 
1. Debemos generar un arreglo de tiempos. 
2. Verificar que el material(Papel,Vidrio y Metal) se encuentre en una casa.
3. Sumamos los tiempos recorrido ir al material(Papel,Vidrio y Metal) + tiempo de recojer el material.
Removing Stars From a String
Tags: python, programming, warmi
Published: 2022-08-29 08:36:02

PROBLEMA
LeetCode:Removing Stars From a String
1. Remover el caracter anterior de un "*" caracter.

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

SOLUCION
Rojo : el caso de encontrar una estrella ,verificamos de tener una cadena no vacia , para poder eliminar el anterior caracter.
Verde : vamos adicionando caracteres.
Picar - Photo sharing with friends reimagined
Tags: redishackathon
Published: 2022-08-29 08:06:00

### Overview of My Submission
Photo sharing social media with friends reimagined, combining privacy and flexibility. See photos from friends, **not from advertisers or influencers.**

In the modern world, everything has a "story" feature, are filled with influencers, "suggested posts", advertising...

**Things needed to be simpler. Things needed to be private. Things needed to go back to the way they were. That's why Picar was built!**

Only see posts from friends, and in chronological order. Only share photos to friends, not publicly or to "followers".

We used React.js for frontend, and Node.js/Express/RedisStack for the backend. More specifically, we utilized RedisJSON to store everything and RediSearch to query for it.

A lot of more detail into how this was built,  architecture, and Redis usage can be found in the [Backend Github Repo](https://github.com/keldenl/picar-server)

Also, the frontend web app can be found in the [Frontend Github Repo](https://github.com/keldenl/picar)

### Submission Category: 
**MEAN/MERN Mavericks** - Used Redis as the primary database!

### Video Explainer of My Project

{% embed https://www.youtube.com/watch?v=NDIMNVkGzno %}

### Language Used
**Backend**: Node.js/Express/Redis-OM
**Frontend**: React


### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% embed link_to_your_repo %}` to share a GitHub repository)
**Backend**
{% embed https://github.com/keldenl/picar-server %}

**Frontend**
{% embed https://github.com/keldenl/picar %}


### Additional Resources / Info

Demo with @arianagrande profile
![demo ariana grande profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3rl5yc9h16zzaw2hjuj6.png)

### Collaborators
@elizahuang - FE collaboration

- - - 

[Note]: #


* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
Intro To Cloud Computing
Published: 2022-08-29 07:49:00

The global market for cloud computing was estimated to be worth [$368.97 billion](https://www.grandviewresearch.com/industry-analysis/cloud-computing-industry) in 2021, and from 2022 to 2030, it is anticipated to grow at a CAGR of 15.7%. This means that by 2030, the cloud computing market will be worth $1.37 trillion.

Additionally, the need for workers in the sector is growing quickly; as a result, demand currently eclipses supply. This indicates that there are more cloud jobs available than skilled workers.

All of this sounds intriguing, but what is cloud computing exactly? Is it creating super computers out of natural clouds or putting computers in space? In contrast, cloud computing refers to the provision of computing services over the internet. These services include storage, databases, networking, software, and AI, among others. Simply put, it provides companies with a more practical and affordable way to store their data and make services easily available to customers.


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

Companies used to typically own physical servers and data centers to store their data back in the day (some still do), but cloud computing eliminates that process, saving the business money and time.
The National Institute of Standards and Technology, however, states that a platform must fulfill five requirements in order to be classified as "cloud" technology. On-demand self-service, widespread network access, resource pooling, quick elasticity, and measured service are the characteristics. 

Three companies—AWS, Google Cloud, and Azure—dominate the cloud market. According to [Statista](https://www.statista.com/statistics/967365/worldwide-cloud-infrastructure-services-market-share-vendor/#:~:text=In%20the%20first%20quarter%20of,with%20eight%20percent%20market%20share.), AWS controls 33% of the global cloud infrastructure market followed by Azure with 21% and Google Cloud with 8%. 

My upcoming blog posts will be primarily about AWS. I'll also delve into cloud service models and the five characteristics of cloud computing.
3 resources, I found the most useful (week 33)
Tags: webdev, javascript, angular, programming
Published: 2022-08-29 07:45:00

**TL;DR**
1. [git push config](#1-git-config)
2. [npm/yarn patch package](#2-resolve-bug-w/-patch)
3. [Angular Standalone components](#angular-standalone-componets)


## 1. git push config

Are you frustrated about setting upstream branch while pushing commits? Don't have to, since **git 2.37** release its not a problem anymore.

{% embed https://dev.to/this-is-learning/this-new-git-push-config-will-save-you-lot-of-frustration-27a9 %}

## 2.Resolve a bug w/ patch
Here is the situation, you have found a bug in package dependency and upgrading the package would impact versions of other packages, trust me you don't want to upgrade each package. The easy solution is a patch package.
{% embed https://dev.to/zhnedyalkow/the-easiest-way-to-patch-your-npm-package-4ece %}

## 3. Angular Standalone Components

As you already probably know, since Angular v14 new feature called Standalone components is available, quick tutorial for those who want to try it.

{% youtube https://www.youtube.com/watch?v=x5PZwb4XurU&ab_channel=Angular %}

If you like this short article, feel free to comment, or share it. If you dont like, do it as well and tell me your remarks ;)

Don't miss any new blog by following me here. 
Follow me on [Twitter](witter.com/smetankajakub_)

Visit my website [smetankajakub.com](https://smetankajakub.com)
GraphQL a security disaster waiting to unfold
Tags: graphql, webdev, database
Published: 2022-08-29 07:34:00

A couple of days ago I wrote an article here called [GraphQL a hot smoking pile of garbage](https://dev.to/polterguy/graphql-is-a-hot-smoking-pile-of-garbage-141g). In the article I was arguing that GraphQL was nothing but _"JSON based SQL injection attacks"_. Everybody arguing against me told me _"this is not how GraphQL is being used, you need to study how it's used, your opinion is based upon faulty assumptions, etc"_. Well, take a look at the above architectural sketch and feel free to explain. The above image basically proves how GraphQL is a security disaster.

The above architectural sketch is one of the primary use cases used by the second largest GraphQL service provider in the world. I don't even want to disclose their name, because of security reasons, since the above architectural sketch is basically a _direct implementation_ of the problems I was illuminating in my previous article.

The service provider have roughly 35,000 stars on GitHub, they have 60 million dollars in VC fundings, and they're not even the largest service provider in this space. There's another similar company with 75,000 stars on GitHub, that encourages their users to do the same. And according to a website I saw the other day, there are 88 alternatives to the largest company, and 54 alternative to the second largest company in this domain.

My article wasn't written for Facebook or GitHub. I have no doubts that both Facebook and GitHub knows how to _correctly_ apply GraphQL. My article was written for the rest of the world. The 98% of software developers applying GraphQL, believing it's an _"easy alternative to HTTP REST and business logic on the server"_.

The above use case published by the service provider is for a FinTech company, with 3,500 users. I can only pray to (insert deity of choice) that they're _not_ PCI compliant. Facts are ...

> GraphQL a security disaster

If you need an alternative that's secure by default, feel free to [register a free CRUD API generator cloudlet here](https://aista.com).
[Redis Hackathon Submission Post Placeholder Title]
Tags: redishackathon
Published: 2022-08-29 07:16:49




### Overview of My Submission
eAuction is an eCommerce  website where peoples can buy the product by applying high bid


### Submission Category: 
DB: Redis
backend: NodeJS
FrontEnd: Svelte


### Language Used
TypeScript, javaScript, Svelte


### Link to Code

https://github.com/kushalchauhan7629/eAuction
New Here
Tags: beginners
Published: 2022-08-29 07:12:54

Well first off hello:)
My name is Jeni, I'm a student currently learning more skills in coding. I have some background knowledge on AWS, HTML, and CSS. I'm determined to keep up with weekly posts on topics discussed in my Coding bootcamp course. A great way to document the process of learning. Any tips, feedback, and criticism is welcomed.
Outreachy: Wrap-up
Tags: outreachy, opensource, ux, design
Published: 2022-08-29 07:11:00

Welcome to the final blog of the Outreachy series!
This one is based on my overall experience with Outreachy!

## One fear I had
So initially, seeing previous year statistics, I was quite worried that since selection ratio is so small, I might not get selected, even after giving my best and investing ~2 months during the entire process.
But nevertheless, I got started and gave my best in every step of process, and eventually got selected 🎉

## One amazing thing that happened
The best part of this internship was that I got to work on a real-life project, actual apps that are being used by actual people; this was a big deal for me since I had only done personal projects before Outreachy and had no industry experience 😬

## Mentors' support
The mentors were extremely supportive and sweet, clarified all my doubts and helped me with resources, tips and motivation, whenever I felt I was lacking the will to do a certain task.

## Skills I developed
I got to polish and implement my UI/UX skills on the ODK-X apps, and even got into Android Studio, trying to implement my design changes/suggestions.
I learned how to manage async communication with my mentors, and how to communicate my difficulties and struggles. 💪

## Next steps
I proposed some design changes in the apps, defined some styles, and further built the design guide.
In future, the styles and other changes can be implemented, and the developers would be able to use the design guide to make consistent app UIs.

That was all, folks! I had an amazing time being a part of this awesome community. Highly recommend applying for Outreachy if you get a chance. 🙌
What are the best tools/concepts to shoot yourself in the foot again and again?
Tags: discuss, watercooler, programming, community
Published: 2022-08-29 07:05:00

The best software / programming concepts have put a lot of thoughts on how to prevent developers to not shoot themselves in the foot again and again. 

{% embed https://www.youtube.com/watch?v=CDmWJbN8bDo %}

Should we learn from the best?  Sure, but most often we don't actually realize how much efforts have been put into preventing those errors. We are focused in the task at hand (thanks to them!). At best we are grateful that the thing we wanted to do wasn't as complex as we feared.

If learning from the best doesn't work, what we can do is to learn from the worst. 

**And that's where I need your stories and insights**


> What are the best tools/concepts that empower developers to shoot themselves in the foot again and again? 

 The kind of things that could have been as welll designed by an evil genius curious to see how much confusion it can infuses in the world.

It could be anything (IT-related): 
- a concept considered as harmful as GOTO (nullable booleans?)
- some wonderfully confusing piece of interfaces (git's cli?)
- some overly complex architecture principles (microservices)?

And what lesson can we learn from this? (Because they didn't in fact do it on purpose, so we could too).

Please use your keyboards, release your frustrations and let's celebrate the worst of the worst!

And vote for the worst answers.

![image](https://user-images.githubusercontent.com/459464/187143157-2f32dd8a-6347-4915-b042-abc8ac3a96e6.png)
Internship with LetsGrowMore
Published: 2022-08-29 06:49:37

Hey there 👋,
I am happy to share that I have recently completed a 30days virtual internship program at LetsGrowMore in the web development field. First of all, I would like to thank **Aman Kesharwani sir** and the **letsgrowmore** community for this amazing opportunity.
**About LetsGrowMore**
Source:https://letsgrowmore.in/
**About the Internship**
The Internship consists of some tasks of different levels like beginner, intermediate and expert levels, out of which we needed to complete 2-3 of them for the internship completion & certificate from the Letsgroemore(LGM) community.
I have completed TASK-1 and TASK-3 after a month of learning and implementing the concept of web development.
The Task which was assigned included the concept on while performing can easily gain a good grasp even as a beginner.
**TASK-1**
The first task is to create a To-Do List website that is designed using HTML5, CSS, and JavaScript.
The task is to determine your understanding of HTML, CSS, and JavaSript skill along.

**TASK 3**
A third task is a working calculator web app using HTML, CSS, and JavaScript which does all basic mathematical operations properly.

I recommend this Internship to everyone who wants to get an opportunity to gain some hands-on experience on an internship of their preference shall apply for this. It would surely boost your confidence, and enhance your knowledge and concept of the tech stack in your desired internship field.

**My Github Repo**:
**Task1**:https://github.com/Pallavisingh123/ToDoList.github.io
**Task2**:https://github.com/Pallavisingh123/webcalculator.github.io
**Click here to visit Lestgrowmore Internships opportunities**:https://www.linkedin.com/groups/12540463/
**Official Website**:https://letsgrowmore.in/vip/
Removies
Tags: redishackathon
Published: 2022-08-29 06:43:00

### Overview of My Submission

This is an API made with Spring Web, uses [springdoc-openapi-ui][springdoc-openapi-ui] to expose a swagger-ui on http://localhost:8080/swagger-ui/index.html

Using datasets from [kaggle][kaggle] we load up Redis with movies and TV show information and then it provides endpoints to query the database.

[jedis][jedis] is used to interact with Redis.

### Submission Category: 

Wacky Wildcards


### Language Used
Java/Spring


### Link to Code

{% embed https://github.com/jsedano/removies %}


### Additional Resources / Info

For reading the datasets [opencsv][opencsv] is used. 
More libraries used:
- [gson][gson]
- [lombok][lombok]

Datasets used: 

- [Disney+ Movies and TV Shows](https://www.kaggle.com/datasets/shivamb/disney-movies-and-tv-shows)
- [Netflix Movies and TV Shows](https://www.kaggle.com/datasets/shivamb/netflix-shows)
- [Amazon Prime Movies and TV Shows](https://www.kaggle.com/datasets/shivamb/amazon-prime-movies-and-tv-shows)
- [Hulu Movies and TV Shows](https://www.kaggle.com/datasets/shivamb/hulu-movies-and-tv-shows)

You can find the code and how to run it on [https://github.com/jsedano/removies](https://github.com/jsedano/removies).

[lombok]: https://projectlombok.org
[springdoc-openapi-ui]: https://springdoc.org
[opencsv]: http://opencsv.sourceforge.net
[jedis]: https://github.com/redis/jedis
[gson]: https://github.com/google/gson
[kaggle]: https://www.kaggle.com

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
Letter Combinations of a Phone Number
Tags: leetcode, python, backtracking, problemsolving
Published: 2022-08-29 06:39:00

Given a string containing digits from 2-9 inclusive, return all possible letter combinations that the number could represent. Return the answer in any order.

A mapping of digits to letters (just like on the telephone buttons) is given below. Note that 1 does not map to any letters.


```py
class Solution(object):
    def letterCombinations(self, digits):
        
        res = []
        if not digits:
            return res
        
        d = {
            "2":"abc", 
            "3": "def",
            "4":"ghi", 
            "5": "jkl", 
            "6":"mno", 
            "7": "pqrs", 
            "8":"tuv", 
            "9": "wxyz",    
        }
        
        def backtrack(i, curStr):
            if len(curStr) == len(digits):
                res.append(curStr)
                return
            
            for c in d[digits[i]]:
                backtrack(i + 1, curStr + c)
            
        
        backtrack(0, "")
            
        return res
        
        

```
My recent project "Avamake" can help you custom NFT avatars for free
Published: 2022-08-29 06:18:00


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7dkfmdpbgsljdamrxxa.jpg)
Hey, giys, I am glad to share my latest new project here. It is an online application called "avamake", a free tool designed for creating interesting and unique NFT avatars. 

Though there are already many tools on the market for making avatars, but the vast majority of them are for converting photos to cartoons. And many of them do not feature customization. The avatar templates they offer are usually fixed.

That's why avamake was launched. I want to let people make more interesting avatars and personalize their own avatars while keeping the process simple!

**Here are some features of my app:**

- Enables you to add different features, such as eyes, hairstyle, skin tone, and facial expression.
- Allows you to change the shape of many body parts, such as the nose, eyes, and mouth. 
- Provides a variety of predefined avatars to choose from. You can choose the style according to your preference. 
- Allows you to modify the existing ones by adding other elements or changing the current color. 
- Offers a Color board and color picker that you can use to adjust the color of any parts. 
- Export transparent background images in PNG format, which will be convenient for you to go to secondary editing or sharing.
- All given elements can be used free. Don’t need to subscribe to the tool to unlock advanced features. 

You can use my app to create NFT avatars or generate avatars for your FB, Ins, and other social media platforms. 

Project website: https://avamake.com/