teleren/devto huggingface dataset:
Second open source project, Fashion store website
Tags: beginners, webdev, codenewbie, css
Published: 2022-01-03 16:18:55

Hello dear folks,

Few days ago i have shared my first open source "Restaurant Website" after completing "Responsive layout" video course by Kevin Powell.

{% link https://dev.to/atulcodex/roller-coaster-journey-to-learn-css-responsive-layout-course-by-kavin-powell-7ln %}

{% link https://dev.to/atulcodex/just-used-my-responsive-skills-to-design-this-restaurant-website-h05 %}

And this is my second open source project, and in future i am going to build more than 20+ open source website projects to practice & learn in depth responsive layouts.

![Fashion store website](https://i.ibb.co/TtpmWLw/fashion-store-website.gif)

Fashion store HTML Template is a clean and single page design – suitable for selling clothing, fashion, high fashion, men fashion, women fashion, accessories, digital, kids, watches, jewellery, shoes, kids, furniture, sports, tools….. It has a fully responsive width that adjusts automatically to any screen size or resolution.

### Features
- HTML5 & CSS3
- No framework
- Responsive Template
- Free icons used
- Pixel Perfect
- Clean & Unique Design
- Easy to customize
- Retina Ready
- Unlimited Colors
- Boxed or Wide layout



.
.
.
.

[![Nihory - Portfolio site template live demo](https://i.ibb.co/vwN8cgW/live-demo.png)](https://fashion-store-opensource.netlify.app/)

.
.
.


[![Atul - Buy Me A Coffee](https://i.ibb.co/7rR9S4L/buy-me-a-coffee.png)](https://www.buymeacoffee.com/atulcodex)
DevObserver - App You Should Have!
Tags: ios, showdev, webdev, javascript
Published: 2022-01-03 16:05:59

---
title: DevObserver - App You Should Have!
published: true
description: Get in touch with the latest programming news, articles, tutorials, jokes, etc.
tags: ios, showdev, webdev, javascript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ayzm7q17la2o4t9w68xg.png
---

DevObserver is the app I was working on for a while and finally it has been released on the AppStore. 

DevObserver is a mobile app for developers where anyone can stay tuned with the latest news, articles, tutorial, etc. Currently it's available on the iPhone, but iPad and Android version are also coming.

I also plan to share my experience of developing mobile app and it's backend. So a lot of interesting is yet to come.

Download it today, it's free! [AppStore](https://apps.apple.com/us/app/devobserver/id1575198748)

P.S. enjoy!
{% youtube Dkb7RYxAy9s %}
Empleos en Data y Analytics LATAM — Ene. 2022 - I
Published: 2022-01-03 16:04:28

Te compartimos las ofertas laborales del mes para áreas de Data, Analytics y Cloud 👨‍💻👩‍💻.
✅[Data Analyst- Bluetab Solutions (Perú)]
(https://pe.indeed.com/viewjob?jk=d577fe210a2aff74&tk=1fogaf34ru3t0801&from=serp&vjs=3)
✅[Data Scientist - BairesDev (Ecuador)]
(https://ec.indeed.com/viewjob?jk=9bad5ee39294f2d9&tk=1fogai2rju1m2800&from=serp&vjs=3)
✅[Data Engineer- Prometeo Talent (Colombia)]
(https://co.indeed.com/viewjob?jk=3a26a65dd331fb77&tk=1fogajcl5u3rg800&from=serp&vjs=3)
✅[Machine Learning Analyst - Caiman Labs (Chile)]
(https://cl.indeed.com/viewjob?jk=4e31c5f63839f8a9&tk=1fogakslju1h2800&from=serp&vjs=3)
✅[Data Analyst - Selina (Mexico)]
(https://mx.indeed.com/viewjob?jk=1ae45c15405b2899&tk=1fogam9403h98001&from=serp&vjs=3)
✅[Data Engineer- SparkDigital  (Bolivia)]
(https://www.linkedin.com/jobs/view/2779365226/?eBP=JOB_SEARCH_ORGANIC&recommendedFlavor=SCHOOL_RECRUIT&refId=gNIxO5cM74JOh9KXBh72qA%3D%3D&trackingId=hf8Ee7fh%2BOiEtbLQbYBfBA%3D%3D&trk=flagship3_search_srp_jobs)
✅[Data Scientist - NielsenIQ (Argentina)]
(https://ar.indeed.com/viewjob?jk=010a31ecefa7bfe3&tk=1fogas0d4u29a801&from=serp&vjs=3)
✅[Machine Learning Analyst - BairesDev (Venezuela)](https://ve.indeed.com/viewjob?jk=5803d5dbec43d91c&tk=1fogatcs1u1u5800&from=serp&vjs=3)



Aprende, aplica y crece en proyectos de Data y Analytics en Cloud.

Visita nuestra página:
👉🌐 datahack.la
Day 3 - New Year,  New Challenge
Tags: nextjs, elearning, programming, beginners
Published: 2022-01-03 16:04:17

So I decided to start the year with my project, my first **PAAS**. And yes, when I say "start the year" I literally mean my ass was sitting down coding on Jan 1st.
I've meant to record some videos for social media, but tbh (and IDK how those dev guru's do it) I got so hyped with the coding that I can't think  of anything else.

A bit about myself: I've been developing for the past 3 years, and recently incorporate Web3 development to my stack. I also have 8 years experience in the adTech industry to show off, as well as a share of an entrepreneurial profile, as I've participated in the creation of several projects. However, as good as the winnings and conquest are, lets us never forget the losses and failed projects since those are the best ones to learn from (2 years ago I  tried making  a  podcast platform,  it  was a failure and left me broke af).

This time around, I'm taking up this channel to push personal limits and strive to build a scalable web app, while having both tons of fun and as little pain as possible (long restless night not guaranteed).

MISSION:
To build a Platform as a Service for E-Learning focused on LATAM.

The project is an online learning platform for Spanish speakers, because the niche potential is there! There's SO MUCH content in english for learning programming, but for those not fortunate enough to be bilingual it might be a no-show and a turn off, so I'm taking as my mission to open the doors and facilitate paid & free learning material for programming.

Once finished with the code, I'll move forward with the marketing strategy which is already being cooked.

STACK:
- NextJS
- NodeJs
- TailwindCss
- AWS S3
- AWS SES
- MongoDB
- Stripe

Status up to Day 3:
- Backend is finished, I'm using AWS S3 and SES for handling the messy stuff.
- Starting with the frontend, this might take me a few days, as I want to build a clean user experience. I felt a bit more bold and decided to polish my TailwindCss skills, as opposed to my dearest StyledComponents.
- The domain is purchased and I ABSOLUTELY LOVE IT, I really can't believe the domain was available.

Thought of leaving a log of my progress in here as I've never kept a sort of "diary", so don't mind me :-D

I'll be sharing screenshot and more progress as the buildup comes along.
Lots of love to the community!
Fernando,
331. Verify Preorder Serialization of a Binary Tree
Tags: 100daysofcode, java, programming, algorithms
Published: 2022-01-03 15:54:17

# [Description](https://leetcode.com/problems/verify-preorder-serialization-of-a-binary-tree/description/)

One way to serialize a binary tree is to use **preorder traversal**. When we encounter a non-null node, we record the node's value. If it is a null node, we record using a sentinel value such as `'#'`.

![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e898649f-61cd-4262-ba6a-06ad69e4a331/Untitled.png)

For example, the above binary tree can be serialized to the string `"9,3,4,#,#,1,#,#,2,#,6,#,#"`, where `'#'` represents a null node.

Given a string of comma-separated values `preorder`, return `true` if it is a correct preorder traversal serialization of a binary tree.

It is **guaranteed** that each comma-separated value in the string must be either an integer or a character `'#'` representing null pointer.

You may assume that the input format is always valid.

- For example, it could never contain two consecutive commas, such as `"1,,3"`.

<aside>
💡 **Note: You are not allowed to reconstruct the tree.**

</aside>

## Example 1:

```
Input: preorder = "9,3,4,#,#,1,#,#,2,#,6,#,#"
Output: true
```

## Example 2:

```
Input: preorder = "1,#"
Output: false
```

## Example 3:

```
Input: preorder = "9,#,#,1"
Output: false
```

## Constraints:

- `1 <= preorder.length <= 104`
- `preorder` consist of integers in the range `[0, 100]` and `'#'` separated by commas `','`.

---

# Solutions

## Solution 1

### Intuition

2 `#` pop a `node`, and push this node into stack as another `#`

### Code

```java
public boolean isValidSerialization(String preorder) {
    if (preorder == null) {
        return false;
    }

    Stack<String> stack = new Stack<>();
    String[] nodes = preorder.split(",");

    for (int i = 0; i < nodes.length; i++) {

        String curr = nodes[i];
        while (curr.equals("#") && !stack.isEmpty() && stack.peek().equals(curr)) {
            stack.pop();
            if (stack.isEmpty()) {
                return false;
            }
            stack.pop();
        }
        stack.push(curr);
        System.out.println(stack.toString());
    }

    return stack.size() == 1 && stack.peek().equals("#");
}
```

### Complexity

- Time: O(N)
- Space: O(N)

---

## Solution 2

### Intuition

### Code

```java

```

### Complexity

- Time:
- Space:

---

# Similar Questions
How to start with Open Source
Tags: productivity, programming, beginners
Published: 2022-01-03 15:43:51

## **Is opensourcing means coding**

Absolutely not, anyone want to contribute to an       open source project can change documentation and learn how to opensource 
allmost 28 percent of contriubtions are of docs change and updation not related to programming 

## How  to start opensourcing

let's take a look at [firstcontributions/first-contributions](https://github.com/firstcontributions/first-contributions) this project just adds your profile to contributors list when you make a pr for that carefully read README.md in the project section

## FILES
always when contributing to a project read the  
README.md file , CONTRIBUTING_GUIDLINES ,CODE_OF_CONDUCT if available
this pops some idea about the project in your mind
that's all you can contribute to opensource
SOCKS5 Proxy
Tags: networking, ssh
Published: 2023-01-05 22:43:21

---
title: SOCKS5 Proxy
published: true
date: 2022-01-03 15:41:09 UTC
tags: Networking,SSH
canonical_url: https://brandonrozek.com/blog/socks5proxy/
---

A SOCKS5 proxy allows you to have network traffic as if it was coming from the proxy server as opposed to your local client. You can easily set it up using SSH from your local machine.

```
ssh -D 1337 -N user@remotehost

```

The above command opens the port 1337 on localhost and redirects traffic from that port over the SSH connection to the remote machine.

On the client computer, you can then go to your browser settings and specify `localhost:1337` as a SOCKS5 proxy. Some commands allow you to specify a proxy in their flags. For example:

```
curl --proxy socks5h://localhost:1337 https://brandonrozek.com/

```

Not all commands make this easy however, which is where `proxychains` comes in. It allows you to route traffic from a specified subcommand over a proxy. For example:

```
proxychains curl https://brandonrozek.com

```

To do this you will need proxychains installed. On Ubuntu, the package is called `proxychains4`. Then you’ll need to edit the bottom of `/etc/proxychains4.conf` to contain the following line:

```
socks5 127.0.0.1 1337

```
How to learn and grow as an introvert
Tags: introverts, life, habits, learning
Published: 2022-01-03 09:41:03

---
title: How to learn and grow as an introvert
published: true
description: A guide for people like me - just some thoughts
tags: introverts, life, habits, learning
---

One of the major differences between introverts and extroverts is the way they connect with people. Connecting with people is really important as it one of the ways you gain knowledge by listening to how someone would act to different situation. A perfectly experienced human being would ideally know exactly what to do in any given situation.

An extrovert's way of connecting with people is really audacious, something they enjoy a lot.. it is inherent to their personality. They connect with people directly very easily and that too in the first few meetings itself. An extrovert who is successful in life generally interacts with a lot of people in short span of time and gather more experience just by doing that.

On the other hand introverts take their own sweet time in connecting. Therefore it could take a while learning from others. Why bother though? Introverts are generally good listeners and great in observing the world around them. Besides, they like to spend time alone, which can be used to "passively connect with people".

These are the fun things which introverts generally do IMO to gain knowledge
1. *read a lot of books* - books, blogs, articles are literally experiences of people.
2. *watch a ton of movies, documentaries* - specially contemporary drama teaches a lot about life in general
3. *travel* - no brainer
4. *play sports and games (physical or digital)* - surprise entry? I think not

These are merely examples which work for me. Bottomline is, **don't waste your time in trying to be what you are not**. Life is too short and there are infinitely many ways to live your life. Something that works for someone may not work for others. So choose the way you want to learn yourself as you know yourself best. Peace.
How To Add Canonical Links on DEV.to
Published: 2022-01-03 15:10:57

If you're using Rich + Markdown, canonical links need to be added differently.

Click on the engine icon at the bottom of the post.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1641221642745/antQrahN8.png)


A small window should pop-up:


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1641221699022/Xr1yC-51R.png)

Now you can add the canonical link.

You only need to add the link address like this:

```
https://yourblog.com/add-canonical-link
```


And remove the rest.

To find the canonical path, do the following:

- Press F12 
- CTRL + F and search for "canonical"

You should see something such as:

```
<link rel="canonical" href="https://yourblog.com/add-canonical-links">
```

I hope this helps!
[BTY] Day 7 & 8: Use NVIDIA Docker  Containers to deploy ML models
Tags: betterthanyesterday, docker
Published: 2022-01-03 15:10:11

As you may know, The host’s NVIDIA GPU does not expose to your containers by default. So, you have to work around a little bit to make your models interface with your GPU. Eventually, the process of deploying your machine learning frameworks to production will be easier and more effective.

Here are the main articles I have passed through when I tried to dockerize my app with GPU support. In that journey, I encountered many troubles that were not mentioned in those articles. I searched the solution for each problem from many discussion threads I had found on the internet. It mainly depends on your architecture, your ML frameworks, your host machine, ... I will release an official blog soon.

1. How to Use the GPU within a Docker Container: [link](https://blog.roboflow.com/use-the-gpu-in-docker/)
2. How to Use an NVIDIA GPU with Docker Containers: [link](https://www.cloudsavvyit.com/14942/how-to-use-an-nvidia-gpu-with-docker-containers/)
3. Complete guide to building a Docker Image serving a Machine learning system in Production: [link](https://towardsdatascience.com/a-complete-guide-to-building-a-docker-image-serving-a-machine-learning-system-in-production-d8b5b0533bde)
4. CUDA + Docker = ❤️ for Deep Learning: [link](https://medium.com/@adityathiruvengadam/cuda-docker-%EF%B8%8F-for-deep-learning-cab7c2be67f9)


**Deployment Environment:**
- Ubuntu: 20.04
- Graphic card: GTX 3090
- Python: 3.7
- Torch: 1.8
- CUDA: 11.1
- CUDNN: 8.2.1
copier template variables
Tags: python, bash
Published: 2022-01-03 15:03:58

---
canonical_url: https://waylonwalker.com/til/copier-template-variables/
cover_image: https://images.waylonwalker.com/til/copier-template-variables.png
published: true
tags:
- python
- bash
title: copier template variables
series: til
---

I've been looking for a templating tool for awhile that works well with single files.  My go to templating tool `cookiecutter` does not work for single files, it needs to put files into a directory underneath of it.

## template variables

By default copier uses double square brackets for its variables. variables in files, directory_names, or file_names will be substituted for their value once you render them.

``` python
# hello-py/hello.py.tmpl
print('hello-[[name]]')
```

> note! by default copier will not inject variables into your
> [[template-strings]] unless you use a .tmpl suffix.

Before running copier we need to tell copier what variables to ask for, we do this with a copier.yml file.

```
# copier.yml
name:
  default: my_name
  type: str
  help: What is your name
```

## installing copier

I prefer to install cli tools that I need globally with pipx, this always gives me access to the tool without worrying about dependency conflicts, bloating my system site-packages, or managing a separate virtual environment for it myself.

``` bash
pipx install copier
```
## running copier

When running `copier copy` we pass in the directory of the template, and the directory that we want to render the template into.

``` bash
copier copy hello-py .
```

> note! the directory '.' is often referred to in cli programs to
> represent the current working directory that we are calling the
> command from.

## results

The resulting files will have your variables injected into them if you have setup your template and copier.yml up correctly.

``` python
print('hello-you')
```

## Discuss

Let me know, what templating tool you use.  I am really looking to double down on my templates soon and would really like to hear if you have a good workflow.
Rasoi - An eCommerce store
Tags: atlashackathon, mongodb, javascript, web
Published: 2022-01-03 15:03:41

---
title: Rasoi - An eCommerce store
published: true
description: A headless eCommerce store built using nextjs, mongodb data api + triggers and stripe.
tags: atlashackathon, mongodb, javascript, web
---

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


A small online store built using nextjs, mongodb, and stripe. The home page is a [generated product listing](https://nextjs.org/docs/basic-features/pages#static-generation-recommended) that is rebuilt every time there is a change in products collection.

link to [demo](https://rasoi.vercel.app/)


### Submission Category: 

E-commerce creation

### Link to Code

{% github https://github.com/siddhantk232/rasoi %}

### Additional Resources / Info

- Uses [mongo data api](https://docs.atlas.mongodb.com/api/data-api/) to interact with the mongodb database.

- Uses [mongo realm triggers](https://docs.mongodb.com/realm/triggers/trigger-types/) to trigger nextjs redeploy hook.

- Uses [stripe checkout](https://stripe.com/docs/payments/checkout) for payments.
Prevent Form Submission in Vue.js
Tags: vue, programming
Published: 2022-01-03 14:47:27

{% youtube aiToO2wbAYs %}

In this article, I’m going to cover two different ways on how to prevent default form submission behaviour using vue.js.

Let’s say you have a [sign-up form](https://softauthor.com/vue-semantic-ui-design-cool-sign-up-form-faster/) that you do not want to submit to the server directly.

As you know, the default behaviour of the form element is to send the form input data via GET request when the submit button is pressed.

```HTML
<form class="ui large form">
  <div class="field">
    <div class="ui left icon input">
      <i class="user icon"></i>
      <input type="text" placeholder="Username or Email"/>
    </div>
  </div>
  <div class="field">
    <div class="ui left icon input">
      <i class="lock icon"></i>
      <input type="password" placeholder="Password"/>
    </div>
  </div>
  <button class="ui fluid pink button big" >SIGN IN</button>
</form>
```

```CSS
form {
  width:400px;
  margin:20px auto;
}
```
![alt text](https://softauthor.com/wp-content/uploads/2020/08/vue-js-sign-in-form-768x362.png)

To prevent that, what we want is to handle the form submission via an AJAX call of some sort.

There are two main ways you can prevent form submission in vue.js.

###Invoke preventDefault Method

Attach a click event with a callback function signInButtonPressed to the submit button.

```JavaScript
<button class="ui fluid pink button big" @click="signInButtonPressed">SIGN IN</button>
```

Then, declare the signInButtonPressed function inside the methods object.

```JavaScript
methods: {
 signInButtonPressed() {
  console.log("sign in button is pressed");
 }
}
```

When you hit the sign in button at this stage, you can see the message quickly in the browser console and then it disappears as the page gets reloaded.

Also notice the question (?) mark added to the URL that indicates the form is trying to send data via GET request.

[Continue Reading...](https://softauthor.com/vuejs-prevent-form-submission/)
How to Build a Slack App with Low-Code (and get $20K)
Tags: serverless, beginners, javascript, tutorial
Published: 2022-01-03 14:37:49

Hey everyone! I built a Slack app using entirely using serverless and low-code tools like Glitch and Airtable. I thought it might be helpful to share!


[https://www.whalesync.com/blog/how-to-build-a-slack-app-with-low-code](https://www.whalesync.com/blog/how-to-build-a-slack-app-with-low-code)
SAIL
Tags: aws, beginners, cloud, devops
Published: 2022-01-03 14:29:17

## Happy New Year Guys!
### I know it's a bit late but.... you understand it 

You probably have guessed the todays topic by seeing the cover Image or title, **"LightSail"**.

So I was just going through Upwork and I have seen some work related to **"AWS LightSail"**. I have not worked with LightSail ever but just read about it a bit, it's the simplest way of using cloud... basically AWS cloud 😁😁.

From my 1 day experience of using LightSail or I can say 1 hour
All I can say is that _""It's really the simplest way of utilizing the resources of AWS""_, from  deploying the Virtual Machine, Application, Container, Load Balancer it have it all in a very clear and precise order, They too have a very good documentation for the common use cases. I have read one of them regarding deployment of WordPress application or instance. And It's really good.

### So, lets move on to the Technical Stuffs 🔥
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rdh1xqspbfcwu6gsqygf.png)
The first image that you'll see after opening the LightSail service

**Speaking of Truth there's really not much of things to learn about LightSail or I have mistaken, please let know more about it in comments.**

So, Why do we have this service ?
According to me it's for those who are new to cloud like very new just know about some terms like instance/vm, load balancers, databases, etc.

It have all the service, that are required by someone, who is not expert or know about cloud like the database, container, storage, snapshots(backups). They are just there if you just see the above image you'll find it by just looking it.
I know this sound a bit ridiculous but think from the perspective of a person who barely know AWS it's easy start for them.
You don't have find the Services from service panel that we generally do, we don't have to configure much everything is pretty much already configure for us that's a plus point.   
  
### Pricing
Well I have not compare the pricing with other services because every service is unique in it's own way but here you find more about [it](https://aws.amazon.com/lightsail/pricing/).
You basically have 3 months of free tier limit so if you want to check it out please do and let me know about your experience.

Again there wasn't much to discuss or learn but still I would suggest please give it a try so that at least when someone is talking you know about it.

You can use it as a staging or development environment if you don't want to get into the trouble of configuring the services or you have just started your business

**_Again it's a very easy, simplest way for now I think to use the AWS resources_** 

But do keep in mind there is not much of option available to you when you use them, from my side I can't think of a option but if you're looking for some specific functionality do check the official page of LightSail.


## Thanks for Reading it, I hope it gave you a little bit of insights of LightSail.