teleren/devto huggingface dataset:
Livebook on steam deck
Tags: elixir, livebook, stablediffusion, docker
Published: 2023-01-19 20:23:25

This post may be updated in the future.

Steam deck is a modern machine. I wanted to test how long it takes to generate images using stable diffusion on it.
Thanks to [livebook](livebook.dev) this becomes trivial. The biggest problem is to install the package. I did it using ssh but it can also be done directly on deck.
You need first switch to desktop mode.
From here you need to open Konsole and setup password for your user:
```sh
passwd
```
next thing is to enable sshd server:
```sh
sudo systemctl start sshd
```
having ssh enabled you can use your laptop to connect
```sh
ssh deck@steamdeck
```
next you need to install docker:
```sh
# enables the root partition to be rw
sudo steamos-readonly disable
# syncs the system
sudo pacman -Syyu
# updates stored signing keys
sudo pacman-key --refresh-keys
sudo pacman -S archlinux-keyring
# syncs the system again with new keys
sudo pacman -Syu
# installs docker
sudo pacman -S docker
# optional will start docker every time the deck starts
sudo systemctl enable docker
 # starts docker daemon for current session
sudo systemctl start docker
```
Having docker installed we can run any docker image - so lets process with docker - it's basically the same command as from the livebook read me - just the port is changed, the suggested one is already in use.
```sh
sudo docker run -p 8888:8080 -p 8081:8081 --pull always -u $(id -u):$(id -g) -v $(pwd):/data livebook/livebook
```
After running this command you'll get an url printed in the terminal. I connected to it using my browser but I had to change the host from `http://0.0.0.0:8080` to `http://192.168.1.123:8888` - your steam deck ip may be different - I had to get mine from my router settings.
Next you can follow the official video from Jose:

https://news.livebook.dev/announcing-bumblebee-gpt2-stable-diffusion-and-more-in-elixir-3Op73O
The initial model download takes 5-20min depending on your internet connection. Stable diffusion runs on the steam deck but it's not very performant because it's running on the cpu - image generation takes around 8 minutes.
You can try other models also.
Buy Barcode Labels in Dubai from us.
Published: 2023-01-19 20:18:28

Buy Barcode Labels in Dubai from us and experience the best quality & services in the Barcode industry.


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

We are a leading provider of [Barcode Labels](https://smbinfotech.net/www.weprovidebarcodelabelsindubai.blogspot.com/) in Dubai and we pride ourselves on our ability to offer our customers the best Barcode products at the most competitive prices.

Our Barcode Labels are made from high quality materials, ensuring that they are durable and Very long lasting. We are also designed to be easy to use so you can quickly and easily apply them to any item or Any products. Whether you need barcode labels for inventory management, product tracking or any other application. We have the perfect solution for you.

We understand that every business has unique needs when it comes to barcode labels, which is why we offer a wide variety of options to choose from. Our labels come in a variety of sizes and shapes, and we can also customize them to meet your specific requirements. Whether you need labels that can withstand extreme temperatures or labels that are resistant to water and chemicals, we have the perfect solution for you.

In addition to our high-quality barcode labels, we also offer a range of other products and services to help you manage your inventory and track your products. Our software solutions make it easy for you to manage and track your inventory, and our team of experts can help you implement the best solutions for your business.

At our company, customer satisfaction is our top priority. We work closely with our customers to understand their needs and provide them with the best solutions. Our team of experts is always available to answer any questions you may have and help you find the perfect solution for your business.

So why wait? If you're looking for the best quality barcode labels in Dubai, look no further than us. Contact us today to learn more about our products and services, and to place your order. We are confident that you will be satisfied with the quality and service we provide, and we look forward to working with you.
Why choose Amazon Web Services: technical point of view
Tags: cloud, aws
Published: 2023-01-19 20:18:09

In this post, based on my experience with Amazon Web Services I am sharing the reasons why to choose it as a cloud service provider.

Cloud computing has been in huge demand in the last few years. The choice you’ll make about the cloud service provider will determine the course of how your project evolves. This implies how easy it is to work with the services, whether the services scale as expected, etc.

Here are my top reasons why to choose AWS.

**Simplicity**

AWS is designed to allow developers to get comfortable with the platform quickly. You can focus on developing your applications, while AWS takes care of the infrastructure. This is because the services are designed around the idea of simplicity and consistency.

The AWS cloud currently offers 200+ services, for a wide range of technologies, industries, and use cases. But every service has a particular purpose and you would not end up in a confusing situation about which service to choose.

Also, there is consistency in how things are being done. For example, IAM is a service that is used to set access to services and resources across all of AWS. So when you need to setup access to a service or a resource you can do this in a consistent way by using IAM.

**Out-of-the-box features**

With every production-ready system, it is expected to have a logging mechanism. With many of the AWS services you just have to enable the logging option for the service and you get the logs in AWS CloudWatch, There is no need to provision or setup this logging service.

For example, with AWS Lambda you just need to give permission to the Lambda function to write logs to CloudWatch and that’s it.

**It scales!**

Most of the AWS services automatically handle scaling without any setup. That is the case for AWS Lambda. As the function receives more requests, automatically handles scaling the number of execution environments (until the account’s concurrency limit is met). You do not have to provision or setup anything.

**Constantly improving**

Over the years there have been released many improvements to the AWS services that lead to lower costs and better performance. Releasing new features is expected, but what is impressive is AWS devotion to further improve already existing features.

One such example is the release of a new S3 Intelligent-Tiering Archive Instant Access tier. This tier was automatically introduced to already existing S3 workloads that relied on S3 Intelligent-Tiering. With this new class, AWS automatically saved up to 68% on storage costs to customers. How cool is that?
JavaScript/TypeScript monorepo setup with PNPM Workspaces, Vite, VueJS and TailwindCSS!
Tags: javascript, monorepo, vue, tailwindcss
Published: 2023-01-19 19:50:58

---
title: JavaScript/TypeScript monorepo setup with PNPM Workspaces, Vite, VueJS and TailwindCSS!
published: true
description: 
tags: JavaScript, Monorepo, VueJS, TailwindCSS
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vwd0capzj1i5htgb8tox.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-19 19:40 +0000
---

#JavaScript/TypeScript monorepo setup with PNPM Workspaces, Vite, VueJS and TailwindCSS!

I created this video to provide a step-by-step guide to setting up a JavaScript/TypeScript monorepo with PNPM Workspaces, Vite, VueJS, and TailwindCSS!

This type of setup is a great way to manage a project with multiple components, as it allows you to work on the UI library and client app concurrently while seeing the changes update live.

It has been my most successful video so far and I would love your feedback!

Video:

{% embed https://youtu.be/HM03XGVlRXI %}

Part 2, where I build and publish the UI library as an independent package to the github registry:

{% embed https://youtu.be/qLAzMT3paA4 %}

And the GitHub Repo:
https://github.com/mihailtd/demo-monorepo
How to attach footer at the bottom, only visible when scrolling down?
Published: 2023-01-19 19:11:55

Can someone give me an example on how to use flexbox so that the footer is only visible at the bottom of the page when I scroll down to the end? Should I use the flexbox code for this purpose?
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr80tubz2nzpwqiefl4n.png)
Apirze studio Beta, Download HTML & CSS without code
Tags: html, css, beginners, programming
Published: 2023-01-19 19:06:10

[Aprize studio](https://apirze-test.onrender.com/studio) is simple website that you can create a html page easily , this is the first version and it still under development so you can chat with apirze team to tell them what you miss in the studio and it will be consider in the next version

https://youtu.be/cZJEpKGKq5Y

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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dvjznaz1xdh9n7qejort.png)
DSA V/S DEVELOPMENT !!
Published: 2023-01-19 19:03:14

This is a very controversial tropic. Many people will like **DSA** and many people will like **Development**. The choice will be close but real Life needs balance. You will have to learn **DSA** and **Development** as well. Now what about many people whose personal stories are different. Some people who were in good colleges, their college includes FAANG companies and companies that evaluated in DSA .So that people suggest you to do **DSA**.Now all the people who are on YouTube or whose experience should be defeated in such a way that, they are in good colleges and many good company comes in their college, they will always give you the same advice that do **DSA** because, their journey started with **DSA** ,which gave them a break in their life .But you will find many more people who have decided their own journey, who have not got placement from college, they will tell you do **development** because there are lot of companies and startups outside there they don't see **DSA** so much. They see **development** first .Then, you will start to understand **DSA** eventually with **development**.No one is wrong here, some people started their journey from **DSA** that's why they say **DSA** is everything and some people started their journey with **development** on their own and they think **Development** is everything. But when, you will have `10 to 12 `years of experience, you will feel that this is a story of _balance_, you will have to do **DSA**  and also do **development**. If you want to start your own business, want to start some web development, IT infrastructure of your own. Then start only with **development** ,when your bill starts coming ,you need to be more optimize and your application should be fast, less server bill ,query gets less database, less information come from same database ,our work will be done in that less information. Because billing of your database depends on the size of your query, number of queries. _how much data is coming, how much data is going, then the billing is less there with DSA_. So, "**this is the balance**", as soon as you accept it, it will be good for you. Everything will happen, "**life is a balance, if you have to balance it out**".
How To Create A Online Html Editor
Tags: html, javascript, devjournal, community
Published: 2023-01-19 19:02:52

This Is A Simple Online Html Editor Where You Can Run Html Css And Javascript

Code For Creating The WebPage 

Html Code

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Online Code Editior</title>


</head>
<body>
    <div class="btn">
        <button>Run</button>
    </div>
    <div class="box">
        <textarea class="input"></textarea>
        <iframe class="output"></iframe>
    </div>

    <script>
        let input = document.querySelector('.input');
        let output = document.querySelector('.output');
        let btnEle = document.querySelector('button')

        btnEle.onclick = execute;

        function execute() {
            let code = input.value;
            output.contentWindow.document.body.innerHTML = "";
            output.contentWindow.document.write(code)
        }

    </script>
</body>
</html>
```

Here's The Css Code

```
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
button{
    padding: 10px 20px;
    background-color: black;
    color: white;
    text-align: center;
    margin: auto;
    border-radius: 5px;
}
.box {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 90vh;
    gap: 50px;
    padding: 20px;
}

.input, .output {
    border: 4px solid grey;
    width: 49%;
    min-height: 500%;
    overflow-y: auto;
}
.input{
    resize: none;
}
.btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
```

With This You Can Create A Simple Online Html Editor 


You Watch The The How The Code Is Working -[Click Here!](https://akhilathuluri.github.io/OnlineHtmlEditior/)

Hope This Helps :)

If Any Wrong In This Code Ping Me

Thank You!
How document my react components with JSDoc
Tags: react, jsdoc, nextjs
Published: 2023-01-19 18:55:44

It is necessary to have a good documentation about our components, so that other developers can understand how it works and how to use it. In this article we are going to see how we can document our react components with JSDoc and how to publish the documentation in our static site.

With a few simple steps, the jsdoc library and the use of good programming practices when working with react, we will be able to have a documentation of our components automatically. There are different plugins to upgrade our jsdoc and support react, but as React is still javascript and the components functions the default lib is more than enough.

The report we are going to generate is still an html file, so you can deploy it in any static site

More details here : [How document my react components with JSDoc](https://xabierlameiro.com/blog/react/how-document-my-react-components-with-jsdoc)
How to change the last commit message in git?
Tags: git, github
Published: 2023-01-19 22:17:34

---
title: How to change the last commit message in git?
published: true
date: 2023-01-19 18:54:57 UTC
tags: git, github
canonical_url: https://potatoesblog.tech/how-to-change-the-last-commit-message-in-git
---

It happens many times that you just commit a change and you realized that you made a typo or you forgot to add a file before committing. When this happens you probably think of adding a new commit message, at least this is what I was doing, Thankfully Git has a better way to fix this using `commit --amend` , so let's take a look at it.

1. Using `commit --amend`

```bash
 # You may want to add some files first
 git add name_of_the_file
 # Now you can modify the commit message
 git commit --amend -m "Your new commit message"
```

2. Using `commit --amend --no-edit`

Sometimes you just want to add a file without changing the commit message, you can then use `--no-edit` flag:

```bash
 git add name_of_the_file # or git add .
 git commit --amend --no-edit
```

### Examples:

Let's create two files: `hello.txt` and `goodbye.txt`, add one of them to the staging area and make a commit:

![Making a git commit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/02czmcchttegsn2zjqfw.png)

You notice that we committed without adding `goodbye.txt` file, and this is the last commit:

![Running git log command](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtng8lm9ca23lbvugun4.png)

 As mentioned previously we can solve this as follows:

![Making a git commit with --amend flag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uik16br4xlk83zkipaqv.png)

 Using `git log` command we check our commit messages:

![Running git log command](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j6e5u037ph8j3r20nuw7.png)

One more thing I should **mention** is that changing the commit messages <mark>could not be a good choice</mark> if you already pushed your changes to a remote repository especially if you are working with a team!
I was recently diagnosed with a chronic illness. Now what?
Tags: beginners, help, productivity, codenewbie
Published: 2023-01-19 18:49:25

I learned the news a few weeks ago now and I still can't come to terms with it. I'm off from work to deal with the fallout of the diagnosis. But for the first time in my life, I feel like I have no direction. My future is cloudy. What happens to my career journey? How do I communicate this to others? How can I regain my confidence?

My illness is something that will affect my quality of life. I'm in therapy but it's all about accepting things we cannot change and learning to cope. I have no energy for anything. I'm scared I'll be laid off and lose health insurance. I'm scared I won't be able to code or work as a SWE after only 2 years. I'm scared that people will look at me differently. I'm scared I did this to myself by overworking. I'm scared of too many things.

Has anyone else been through this? If so, how did you come to terms with it? How did you continue your life as you knew it?

Thanks.
J

Photo by Anni Roenkae: https://www.pexels.com/photo/photo-of-multicolored-illustration-2832382/
Fetching Mobile Number Details Using Python
Published: 2023-01-19 18:48:29

First We Need To Install A Python Package

```
pip install phonenumbers
```

Import The Module To Your Code

```
import phonenumbers
```

From Phonenumbers Module We Need To Import carrier, geocoder, timezone

```
from phonenumbers import carrier, geocoder, timezone
```

Here's Comes The Main Code

```
mobileNo=input("Mobile no. with country code:")
mobileNo=phonenumbers.parse(mobileNo)
print(timezone.time_zones_for_number(mobileNo))
print(carrier.name_for_number(mobileNo,"en"))
print(geocoder.description_for_number(mobileNo,"en"))
print("Valid Mobile Number:",phonenumbers.is_valid_number(mobileNo))
print("Checking possibility of Number:",phonenumbers.is_possible_number(mobileNo))
```


Hope This Helps :)

Thank You!
Data Types in Javascript
Tags: webdev, javascript, beginners, programming
Published: 2023-01-19 18:47:25

Hi, everyone. I decided to start writing about my knowledge in JS to help those who are beginners in dev community. 

I hope this article would be helpful to you :)

---

## First of all... What is a variable?

A Variable is a container which stores values. 
This value can be changed when we use the word 'let' to declare a variable.

We have the option to declare a variable using the word 'const', too, but this value will not be changing, so be careful.

---


## In Javascript, we have 7 types of data:

```
let name = 'Debs'; // String (a sequence of text)
let age = 24; // Number
let isGraduated = true; // Boolean (this is a true or false value)
let team; // Undefined (there's no value defined)
let food = null; // Null (represents the intentional absence of any object value)
let symbol = Symbol(); // Symbol
let newObject = {}; // Object
```
These are primitive data, it means that it is not mutable (except for the objects).

---

If you are not sure about the type of the variable you are working with, there is a way to discover it by using the command 'typeof' inside the console.log 

Example:

```
let name = 'Debs';
console.log(typeof name); // returns string
```
What is RFID?
Tags: ux, startup, iot, mobile
Published: 2022-12-31 10:36:40

RFID stands for **Radio-Frequency Identification**, and it's a super cool technology that uses radio waves to identify and track objects. It's made up of two main parts: an RFID tag or chip, which is attached to the object you want to track, and an RFID reader, which scans the tag and gathers information about the object. 

The tag has a unique identification number or code on it, and the reader uses this number to identify the object and retrieve data about it from a database. RFID technology is used for all sorts of things, like inventory management, supply chain management, asset tracking, and access control. 

You can use it to track just about anything - products, packages, vehicles, animals, you name it! And the best part is, you don't even have to physically touch the object to track it - RFID technology lets you do it all remotely and automatically. No more manual scanning or input - it's quick and efficient, especially when you're dealing with lots of objects at once.

To know more: http://bitly.ws/yqom
How to add Custom Network in Metamask using Window.Ethereum
Tags: blockchain, web3, javascript, webdev
Published: 2023-01-19 18:20:22


**What if**! if the Metamask has no Network, The user wants to works with.He needs to add manually in Metamask.

It may take sometime. By Copy & Paste! by surfing other website and getting details.

Using **ChainLink** user can add the Network Easily. But Not all time, it won't works!

The Developer will have a query! Then How to I add Programmatically???

Here Comes up with a Solution!

**A JavaScript code using Window.Ethereum.**

A Program to Connect Polygon Mainnet Easily

```
const addNetwork = await window.ethereum.request({
        method: "wallet_addEthereumChain",
        params: [{
          chainId: "0x89",
          rpcUrls: ["https://polygon-rpc.com/"],
          chainName: "Matic Mainnet",
          nativeCurrency: {
            name: "MATIC",
            symbol: "MATIC",
            decimals: 18
          },
          blockExplorerUrls: ["https://polygonscan.com/"]
        }]
      });
```


Hope it may useful for Dapp Devs. 

                        Happy Coding!