teleren/devto huggingface dataset:
OSD600 - Hacktoberfest #3
Tags: beginners, hacktoberfest, opensource
Published: 2021-10-30 07:34:02

This is my third contribution to Hacktoberfest in October. I found a very interesting [project](https://github.com/trebol-ecommerce/ngx-trebol-frontend), which is the virtual web store written in **Typescript**.

##How I Get Started
This project reminds me the time when I was taking **WEB422**, I have learned about **Angular**, and I already have some basic concepts of how it works. And another think interested me about this project is its code structure - clear and straightforward. I can exactly reach to the file even though I do not go through all of them yet.

##Issue
The [issue](https://github.com/trebol-ecommerce/ngx-trebol-frontend/issues/80) that I would like to work on is about the footer sticks on the bottom of the screen, however, it is supposed to stick to the footer of the page, not the screen. ![web before fixing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5o66bzzau5h2v7jy09qr.JPG). I politely ask the maintainer to assign it to me, and he friendly replies to me and also I can ask him if I have any questions.

##How I Accomplish This
In order to solve this bug, I am thinking about changing the template of the store page, which should be located some where in `Store` folder (thanks to the clear structure of the code). I reach to the `Store` folder and carefully take a look at each file.

The reason why the web has this issue is because the template of the **Store page** is not properly ordered. ![before fixing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iy6l2xsfkw5dca01eror.JPG) The footer of the page is not inside the `div` tag, which contains the content of the page. ![after fixing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wj7gw28ds0xbg5xmacix.JPG) My solution would be moving the `<app-store-footer></app-store-footer>` to the `div` tag. After changing the template of the `StoreComponent`, this is how it supposed to be. ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4l0eaive1n6x1w0oioy0.JPG) The store page become way better, and the footer does not take a lot of space compare to its original one. And I finally create a [PR](https://github.com/trebol-ecommerce/ngx-trebol-frontend/pull/95) for this project.

Even though it is just about changing one line, it takes me a couple of hours to realize it. Something very simple (in my opinion), but my mind tends to overthink about this issue.

##Experience
Working with the proper structured code is always easier than working with the code that is not divided into the folder. It helps us to look for the file, manage and maintain the program easily. If this project is not clearly ordered, I think it would take so long to find where to make the change and also going through all of the code.
Wildcard Domains For Bug Bounties
Tags: bash, linux, zsh, scripting
Published: 2021-10-30 07:30:50

---
title: Wildcard Domains For Bug Bounties 
published: true
description: A short guide to generating custom domain lists using bash/zsh
tags: bash, linux, zsh, scripting
cover_image: https://evildojo.com/img/dm.png
---

A private bug bounty program I am on had a scope increase recently.
Many subdomains were extended in the form:

```
*target.com
```

amass does not seem to have a feature that handles this sort of search, so I generated that list in bash/zsh:

```
for i in $(cat mylist.txt); do 
    echo $itarget.com >> potential-targets; 
done
```

This is for only one target. If your list containing multiple targets is in targets.txt, do:

```
for i in $(cat targets.txt); do 
	for j in $(cat mylist.txt); do
		echo $j$i >> potential-targets.txt; 
	done
done
```

This can yield a big file. To compress it after creation:

```
gzip -9 potential-targets.txt
```

To zip them during creation:

```
for i in $(cat targets.txt); do 
	for j in $(cat mylist.txt); do
		echo $j$i | gzip -9 >> potential-targets.txt.gz; 
	done
done
```

Once you've created the list of targets and zipped them, lets say we want to find all of the potentials yielding actual pages with content. Fire up httpx:

```
zcat potential-targets.txt.gz | \
httpx -no-fallback -o httpx.txt
```

Because this can take a long time, you might consider lowering the timeout, or using more or less threads:

```
zcat potential-targets.txt.gz | \
httpx -no-fallback -o httpx.txt -threads 200 -timeout 1
```

Lets say you didn't zip potential-targets. That's ok. httpx has an option to read directly from file. Everyone online is so obsessed with piping output because they think it is cool, but encouraging people to merely copy/paste data results in bad thinking and approach. 

```
httpx -l potential-targets.txt -no-fallback \
-o httpx.txt -threads 200 -timeout 1
```

This will run for a long time. I was running it with default timeout and 8 threads on 300,000+ possible names and it had not completed after several hours. I'm running it now on a much larger namespace and even though it is taking a long time, I am already yielding new names that did not show up in amass. 

-----

If this helps you at all, or you want to lurk for other content or whatever, [here is my twitter](https://twitter.com/therealdarkmage)
About lab6
Published: 2021-10-30 07:21:54

Github repo: https://github.com/juuuuuuun/jun-ssg
Github page: https://juuuuuuun.github.io/Dinosaurs-are-cool/

#Overview..
This nice api provides users with a beginner tutorial and a lot of useful features to provide users with a very sophisticated and nice static site in an easy way. 

#What I interested in..
Among them, I especially liked the Theme feature. When designing a website, I always wanted to change the website to dark mode in a simple way, taking into account the user's situation at any time of the day or night. But, unfortunately, I was lazy (giggle) and always left the idea in the corner of my head. Nevertheless, Docusaurus finally got me intrigued by the Theme feature and decided to add it to my SSG-api. Therefore, I created [issue](https://github.com/juuuuuuun/jun-ssg/issues/18) about this and start to work on it. I made Argument receive the application of Theme, and also made it possible to change the generated pages to dark mode by adding the css code below.
```
theme == "dark" ? theme = `<style>
		body {
			background-color: #292929;
		}
		h1, h2, h3, h4, h5, h6, b, strong, th, p, a, xmp, code{
			color: #fff;
		}
		</style>` : "";
```

#With closing..
This concludes my rap this week. However, this is not the end. I will further refine and extend this feature to upgrade it to a much more sophisticated feature.
Can a private blockchain contain multiple "tables"?
Tags: blockchain, beginners, programming, database
Published: 2021-10-30 07:02:16

Hi, I am new to blockchain but an experienced sql developer - am trying to build a legal contracts blockchain. Is it possible to create multiple "tables" similar to a database? And is it possible to "join" tables together - say one list has parties, and the second list has contracts.

I would just use an oltp database but interested in the immutability features of a ledger.

Thanks
Side projects I wouldn't build in 2021
Tags: codenewbie, sideprojects, learning, decodingcoding
Published: 2021-10-30 06:55:40

---
title: Side projects I wouldn't build in 2021
published: true
description: Not all side projects are created equal. Some are just over-done, to hell. Don't do it.
tags: codenewbies, sideprojects, learning, decodingcoding
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ueijpbp9gcfd2k2cpv6u.jpg
---

## *Not all side projects are created equal. Some are just over-done, to hell. Don't do it.*

---

Learning coding by doing is one of the better ways to pick up coding. Code newbies are often advised to choose a side project and then use it as a vehicle to learn your programming language or framework of choice. Even experienced devs have side projects, as a way to tinker and learn new tech. 

But not all side projects are created equal. 

Some are just over-done, to hell. Here’s a list of things I wouldn’t build myself in 2021 and some suggestions on what's worth building instead, and why:

### Todo apps
Generalized todo apps are the chairs in the design industry. Every designer wants their own spin on the chair, so does every developer. It’s saturated and boring. But perhaps todo apps can work in super niche work situations where tracking the tasks is important, like say a factory, or distributing meds at a hospital.

### AI-powered copywriting app
Since GPT-3 opened up access, generalised copywriting apps powered by GPT-3 had been popping up every week. It's done to hell, and it's becoming a commodity. Instead of using the AI for general copywriting, how about for specific, niche use cases and industries? Like say short-form tweets for Twitter.

### Remote job boards
The pandemic basically threw the world into remote work, and remote work job boards are flowering like wild weeds. Probably better off not making a general one, unless you belong in an industry or vocation where there’s a gap, like say digital is not common yet, open roles are still spread by word of mouth, and/or matching candidates to employers is hard.

### Free icon pack
Frontend devs/designers, just don’t. Besides icons, also trending are free packs of illustrations and Figma/Sketch templates. Just. Don’t. Unless it’s part of a larger marketing strategy, free design packs are so commoditized they are almost worthless. Some exceptions could be (again) super niche use cases. Like say illustrations for healthcare/medical apps. But you probably really need to understand the industry to come up with something original and in demand.

*What else wouldn’t you build in 2021? What would you build instead?*

---

Follow my daily writings on [Lifelog](https://golifelog.com/goals/30), where I write about learning to code, goals, productivity, indie hacking and tech for good.
OSD600 - Hacktoberfest  #2
Tags: beginners, opensource, hacktoberfest
Published: 2021-10-30 06:41:01

This is my second contribution to Hacktoberfest in October. I always want to learn new things as well as sharing what I know for others. That is the reason why I found this [project](https://github.com/dschandrasekara/learn-typescript) is very interesting, and I want to contribute to share my knowledge for those who wants to know more about **Typescript*

##How I Accomplish This
The maintainer of the project created an [issue](https://github.com/dschandrasekara/learn-typescript/issues/86) for implementing the usage of `Set()` in Typescript. `Set` is a set of values that cannot be duplicated, meaning that two values **can not** be equal in set. I have used Typescript in my projects, however, I have never implemented Set() in my code, and it is time I want to give it a try and share to others. ![set method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iu2en2er464q6anzuvwf.JPG) I create some codes as well as demonstrating some methods and its usage, and I also create a [PR](https://github.com/dschandrasekara/learn-typescript/pull/93) for the maintainer.

##Experience
TypeScript is an open source project developed by Microsoft, it can be considered as an enhanced version of Javascript by adding the optional static type and object-oriented classes that are not available in Javascript. I think this project later on would be a great playground for those who want to find an example of using Typescript. Even though it is simple, but I believe that one of us will need some thing like this one day ^^!
Scaffold Fall Protection Equipments
Published: 2021-10-18 11:14:55

<p style="text-align: justify;">Suspended platforms can make working at a height much easier. The modern platforms can even remove the need for climbing up and down over and over again, taking small sized tools along. There is no need to lug larger equipment and materials up to a big height.&nbsp; This can improve the safety of a worksite. It is often necessary to use scaffolds for accessing areas that are tough to reach, for numerous construction activities. Know about the kind of <a href="https://www.china-rigid.com/OSL3-Series-overspeed-fall-arrester-Safety-lock-pd763564.html">fall protection systems</a> that are needed while working on a scaffold.</p>
<h2 style="text-align: justify;"><strong>Full-body safety harness</strong></h2>
<p style="text-align: justify;">The first line of defense, its use will be based on the kind of work that you are entrusting your workers with. It needs to be able to support an individual having a combined weight &ndash; that of body weight and tool &ndash; of 310 pounds. It should be used along with a deceleration device and an anchorage device. You can find online guides that can help you to pick the best kind of safety harness for your workers.</p>
<h2 style="text-align: justify;"><strong>Lanyards</strong></h2>
<p style="text-align: justify;">These are devices which can safely connect the anchor and the harness. Lanyards may be 2-feet webbed ones as well as 50 feet SRL. You can find lanyards of various forms, and each of these has a particular purpose. There are many resources online on fall protection lanyards that you may check.</p>
<p style="text-align: justify;">Cable lanyards are best in operations in corrosive or hot ambiences, but shock absorbing systems need to back these up. For work environments having less than 2 feet of fall hazards, Web lanyards are the best. When there is a need for more flexibility, Rope lanyards should be used &ndash; as these come with elasticity.</p>
<h2 style="text-align: justify;"><strong>Suspension belts</strong></h2>
<p style="text-align: justify;">These may be used for supporting the body weight of workers as they need to vertically adjust their position or carry out different types of activities while hanging. These are quite commonly used in most countries today.</p>
<h2 style="text-align: justify;"><strong>PPE</strong></h2>
<p style="text-align: justify;">They should also be dressed in PPE or Personal Protective Equipment - such as gloves, safety helmet, safety glasses and protective boots, and be aware of all the safety procedures that are in place. Also ensure that the scaffolding is good in construction. When you have gondolas with a proper construction, it can be easier to maintain safety while working.</p>
<p style="text-align: justify;">Get the best fall protection systems and <a href="https://www.china-rigid.com/ZLP-Suspended-Platform-pl549545.html">safety platforms</a> and make your workers feel safer as they go up the height.</p>
Hacktoberfest 2021 Experience
Tags: hacktoberfest, opensource
Published: 2021-10-30 06:16:13

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


### About Me
✨Hey,myself shivani kumari,I am here to pursue a challenging career with dedication and work hard for the growth of organistaion.✨

### Background

I am new to open source.I do coding in C++,preparing for tech companies.

### Progress

✍My journey is quite interesting.At the very start it's seems to be tough, but I learnt a lot about git tools and my mentors helped me at very best,So a special thanks to them

### Contributions

✍I have contributed in the project named Gif-it.In this I have to transform all the alert into toast.First I found difficult to understand the code and then how to use youtube API in my given task to run my site.Here is my github link so anyone want to check in that they can 
👉https://github.com/shivani4208/Gif-It


### Reflections
✍It was my first-time great experience to be a part of Hactoberfest 2021.I definitely participate in this again.Anyone want to team up in any open source project,I'll be there✌
Firebase,v9 Google Authentication + Documentation
Tags: javascript, webdev, beginners, react
Published: 2021-10-30 06:12:09

Hello, welcome back! Yes! Just in case, this is the first post you are opening. This post is the continuation of series.

Check out the first
{% link https://dev.to/arshadayvid/frontend-to-fullstack-introduction-to-firebase-firebase-v9-authentication-33me %}

So let's keep moving 🚀

## Setting Up Firebase in a React project
🚀 Log on to [Firebase console](https://console.firebase.google.com/u/0/). You will need to have a Gmail account.

🚀 Add project, follow the instructions to set it up

🚀 Run via npm 
```
npm i -g firebase-tools
```

🚀 Run in your create-react-app project
```
npm i firebase
```

🚀 You can  follow [this route for the setup](https://medium.com/nerd-for-tech/setting-up-a-create-react-app-with-firebase-4fb3601fe2d4)

🚀 At the end of the installation, you should have a firebase.js file in your project and also your package.json updated already from the installation.

![firebase.js installed file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jr2u30tt01c1d5mtqjrr.png)

![package.json React app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfdv4i3czog92bz27c4z.png)
### Google Authentication 

You need to place these lines of code at the entry point of your web application or your Login component, where the user has to login to access other views or pages.

Similar to this

![Login component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5eb2zm7basza2xuyk3oq.png)

### Check out the Documentation for other forms of Authentication
[Authentication docs](https://modularfirebase.web.app/common-use-cases/authentication)


Feel free to follow to be the first to read the next posts on the series.
 Connect with me on
🚀 [Linkedin](https://www.linkedin.com/in/david-asaolu234/)
🚀 [Twitter](https://twitter.com/Arshadayvid)
𝗔𝘀𝘆𝗻𝗰 & 𝗔𝘄𝗮𝗶𝘁 𝘄𝗶𝘁𝗵 𝗔𝘅𝗶𝗼𝘀 | 𝗖𝗿𝗲𝗮𝘁𝗲 𝗜𝗻𝘀𝘁𝗮𝗻𝗰𝗲 𝗔𝘅𝗶𝗼𝘀 | 𝗘𝗿𝗿𝗼𝗿 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴 𝘄𝗶𝘁𝗵 𝗔𝘅𝗶𝗼𝘀
Tags: javascript, react, axios, crud
Published: 2021-10-30 05:59:52

𝗣𝗮𝗿𝘁 #𝟮: 𝗔𝘀𝘆𝗻𝗰 & 𝗔𝘄𝗮𝗶𝘁 𝘄𝗶𝘁𝗵 𝗔𝘅𝗶𝗼𝘀 | 𝗖𝗿𝗲𝗮𝘁𝗲 𝗜𝗻𝘀𝘁𝗮𝗻𝗰𝗲 𝗔𝘅𝗶𝗼𝘀 | 𝗘𝗿𝗿𝗼𝗿 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴 𝘄𝗶𝘁𝗵 𝗔𝘅𝗶𝗼𝘀
𝗥𝗲𝗳𝗲𝗿 𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲 𝘁𝗼 𝗷𝘂𝗺𝗽 𝗙𝗮𝘃 𝗧𝗼𝗽𝗶𝗰.

* Error Handling with Axios in React
* Create Instance of Axios
* Async & Await with Axios

{%youtube TPk_V7HAXtM%}
Frontend to FullStack: Introduction to Firebase (Firebase v9)
Tags: javascript, webdev, beginners, react
Published: 2021-10-30 05:08:02

Hi there👋, welcome to this tutorial! Today, I will be showing some of Firebase cool features. 
Keep calm, if you haven't used Firebase before, this post is the start of a series on Firebase, so don't be afraid, you are in safe hands. 
It is also aimed at Frontend developers who want to build and deploy Fullstack apps with little or no stress and code.🚀

Just grab my hands and stick with me till the end.
<img src="https://media.giphy.com/media/3o7ZeSQEPtgrYCGu0U/giphy.gif"/>

> In this tutorial, all codes will be written according the latest version of Firebase, Firebase v9

## Firebase & its Features
If you are also new to [Firebase](https://firebase.google.com/), it is a platform developed by Google that enables us develop high quality mobile and web applications in less time. All you just have to worry about is the  Frontend of the application.

Firebase can handle the following:
🚀 Database & Real Time Database 

🚀 Different kinds of Authentication - Email & Password, Facebook, 
   Github, Google, Apple, Twitter, etc 

🚀 Cloud Functions

🚀 Performance Monitoring

🚀 Analytics, etc
> In this series, I will be covering, 1 & 2 above.

## Firebase vs Firebase v9 (Modular Firebase)
Firebase v9, Modular Firebase is the latest version of firebase that provides optimized performance for your web and mobile applications. Instead of importing the large Firebase SDK as you may do or have been doing, you just have to import only the part you need. 
For more details [Read here](https://modularfirebase.web.app/get-started/why-change/)

Enough of the intros, can we now write some codes?? 😒
<img src="https://media.giphy.com/media/0DYipdNqJ5n4GYATKL/giphy.gif"/>
What is HackNitr 3.0 🤔
Published: 2021-10-30 04:57:41

HackNITR 3.0 is a hackathon event it's a 3 day event. From 29 to 31  October. It's came with a lot's of things, like many workshops, challenges and mini-events. In workshops they talked about Machine learnings, SAWO SDK, Koii Network, Next.js, Storyblok,  UI/UX and lot's of other things. Besides workshops they conducted games ceremony like Smash Karts, type racer, Scribble and other games. 


> So it's a short summary of this hackathon they have lot's of other challenges. 


##If you want to know more about them check below:
**https://hacknitr.tech/**
Variable on Golang
Tags: go, functional, beginners, tutorial
Published: 2021-10-30 04:49:36

so now i will tell about variable in golang.

in golang, when the variable declaration must be followed by its data type. this concept is **manifest typing** . an example like this 

```go
package main

import "fmt"

func main(){
   var firstName string = "Sakura "
   var lastName string
   lastName = "endo"

   fmt.Printf("halo %s %s!\n", firstName, lastName)
}
```
the result is

![result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e4e9tgvdel4vtpmsbpmx.png)

like the code above, I write down the variable followed by the name and data type

## How to declare variable using var

conditions in variable declaration with var like this
1. Declaration without value
```go
var <name-variable> <type-data>
```
2.Declaration with value
```go
var <name-variable> <type-data> = <value>
```

Example

```go
var Name string
var Hobby string = "Football"
```

## What is the use of "fmt.Printf()" ?
the function is the same as Println, but the output is defined at the beginning, in the "hello %s %s!\n" section, **%s** will be replaced with a string where the string is filled with the value of the 2nd to 3rd parameter and so onof the parameter.

```go
fmt.Printf("Hi %s %s", firstname,lastname)
fmt.Printf("Hi "+  firstname + lastname + "!")
```

in addition to using "%s" to connect between strings, you can also use "+" .this is called string concatenation 

## Multi-variable declaration
This way, we can declare multiple variables with just 1 line.
Example:
```go
var firts,second,third string
firsts,second, third = "1","2","3"
```
easy and very simple,could be more concise this way

```go
var firts,second,third string = "1","2","3"
```

or 

```go
firts,second,third := "1","2","3"
```


## End
Thanks for reading, don't forget to like and share and that's how to declare variable in golang!.

Golang is so much fun
Docusaurus
Tags: opensource, beginners
Published: 2021-10-30 04:30:56

This week, I learn about Docusaurus- an awesome static-site generator. The application helps building a single page application with just a few [commands](https://docusaurus.io/docs#fast-track).  
The application is beginner friendly and it can generate html page from React Component or markdown file [read more](https://docusaurus.io/docs/creating-pages).It also has advanced features and plugins to provide more options for users.
I really impressive about what this tool can do. The support markdown feature is cool and it would be a good additional for my Shinny-SSG project. I have filed [an issue](https://github.com/hphan9/shinny-ssg/issues/18) and I will use CommonMark.NET package for achieving the goal. 
Borrowing the idea from Docusaurus, I added some metadata to my Page class so when a new HTML Page generates, it will have better SEO [Pr](https://github.com/hphan9/shinny-ssg/issues/17).
In the future, I would love to add Support for React components or Static Assets features for my project.
What is Symbols?
Tags: uikit, designsystem, css, html
Published: 2021-10-30 04:20:07

Last year, we had a hands-on development of Symbols, and soon, we're releasing our first beta version to onboard invited-only users. Sign up to the waitlist and get an early invite when it's ready! Make sure you check it out and read more about it in this Medium article: https://medium.com/symbolsapp/what-is-symbols-39a7b0a204e
I got Patreon!
Tags: support, patreon
Published: 2021-10-30 03:51:21

Hey Coders!!

I wanted to let you know that you can now support my content on Patreon!

Here is the link if you would like to donate: <a href="https://patreon.com/code2rithik">Code2Rithik's Patreon!</a>

Donations would be more than welcomed!

Hope you love reading my blogs and remember...

<h2>Keep Coding Y'all 👨🏻‍💻</h2>