teleren/devto huggingface dataset:
I graduated, now what? Camila Coded in 2022
Tags: wecoded, codenewbie, go
Published: 2022-03-07 03:26:12

Hello world, I'm Camila Lenis, a software developer from Colombia 😁 and just as you I have a story to tell... 

## How this began?

I can't even remember when I felt in love with tech world. I was so young. Then, I started in collage when I was 17, with many insecurities and many dreams.

I can't deny that beign the only woman in the room was so intimidated. But instead of telling you about all the times I felt lost, I'll tell you about the times I felt I had a place in this world. 

## My biggest technical achievements are…

I had the opportunity to work in a start up since I was in collage. That lead me to meet the most amazing and talented people I've ever met. But it also taught me that to have a place in the world I had to raise my voice. 

This is a memory of one of my first webinars in Colombia for the anniversary of a community called CaliSharp. Being the only woman in the middle of so many people with so much experience and feeling that I also had something valuable to say taught me that just as I can learn from them, they can learn from me. 

![Calisharp anniversary webinar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1jxf51pcaireg2pypdvi.jpeg)

## My biggest technical goals are…

A few days ago I graduated from college. Now I want to learn as much as I can in an early stage start up and improve my backend development skills. 

![Camila Lenis's graduation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jjqw3mz70kdxoasob5ru.jpg)

## I pledge to break the bias in tech by…

Content creation.

One thing that helped me to feel that there were more women like me in the world was social networks. I met a lot of communities of women who were not only technically good, but were moms, athletes, artists and whatever they wanted to be. 

I share my journey in the tech world so that more women can see that they can do both and more! You can find me [here](https://www.instagram.com/camilaleniss/)

## Throughout my career, I have overcome…

- Sexist comments
- Discrimination
- Depression
- Mansplaining 

And the list could continue. 

## Advocating for myself looks like

Self love is not hot baths and masks. It's getting up every day and doing what you know is best for you to become the person you want to be. 

## I pledge to support women, non-binary folks, and other minorities in tech by…

Using my voice to tell you that you're not alone. And of course to clap them in their success 👏🏼

## I’m excited about

The challenges that I hava this year in my new job in a Brazilian start up. 

And I'm excited to hear about you! If you ever been told that you don't belog here, let me tell you that you deserve a seat in the tech table. Period.
Visual Hierarchy
Tags: ux, design, html, css
Published: 2022-03-07 03:08:19


![How you can control users what to see and when.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zpymh9polk7fd2cag3zf.png)

.
.
.
.
.
.
.
.

Placement of design elements play a crucial role in influencing the order you want your users to view the product.
Visual Hierarchy is just that. Styling, contrast, size, scale and balance can help you make an effective product. Product that sticks on users' mind.

I was blown away when I came across more examples [here](https://xd.adobe.com/ideas/process/information-architecture/visual-hierarchy-principles-examples/).

Here is my [codepen](https://codepen.io/nishadkumar/pen/eYeXoKo).


Thoughts? Please let me know! :) Thank you.
Web development learning path for newbie
Tags: web, beginners
Published: 2022-03-07 02:56:51

Hello, community!

I'm a newbie and am so glad to post my first post here.

Currently, I work as an embedded SW engineer. I want to build myself a website for my hobby.

I am considering which programming language, framework, or technology to learn.

My goal is to create a website that can be easily deployed on both Windows and Linux (Ubuntu).

I look forward to hearing from you if you have any suggestions: D
Carbon Add Days To Date In Laravel
Tags: laravel, php, laravel8, carbon
Published: 2022-03-07 02:53:42

In this tutorial, we will see carbon add days to date in laravel. Carbon provides addDay() and addDays() method to add days on carbon date object. So, we will see laravel carbon add days or how to add days in date in laravel 8. Using the carbon add() and sub() function you can change on date and time.

So, let's see an example of laravel 8 carbon add days to date or add days using carbon in laravel 8.
addDay() Example

Laravel add days to date provides you to add extra date using carbon.

```
<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use Carbon\Carbon;
  
class DateController extends Controller
{
    public function index()
    {
        $currentDateTime = Carbon::now();
        $newDateTime = Carbon::now()->addDay();
             
        print_r($currentDateTime);
        print_r($newDateTime);
    }
}
```
 

Output :

```
Carbon\Carbon Object
(
    [date] => 2022-01-16 06:36:25

    [timezone_type] => 2

    [timezone] => GMT
)

Carbon\Carbon Object
(
    [date] => 2020-01-17 06:36:25

    [timezone_type] => 2

    [timezone] => GMT
)
```
 
---

> **_[Read Also :  Laravel 8 Socialite Login with Google Account](https://techsolutionstuff.com/post/laravel-8-socialite-login-with-google-account)_**

---
 
addDays() Example

Using addDays() you can add days as per your requirements like the below example.

```
<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use Carbon\Carbon;
  
class DateController extends Controller
{
    public function index()
    {
        $currentDateTime = Carbon::now();
        $newDateTime = Carbon::now()->addDays(5);
             
        print_r($currentDateTime);
        print_r($newDateTime);
    }
}
```
 
Output :

```
Carbon\Carbon Object
(
    [date] => 2020-01-16 06:38:41

    [timezone_type] => 2

    [timezone] => GMT
)

Carbon\Carbon Object
(
    [date] => 2020-01-21 06:38:41

    [timezone_type] => 2

    [timezone] => GMT
) 
```
 
You might also like :

- **_[Read Also : CRUD Operation In PHP](https://techsolutionstuff.com/post/crud-operation-in-php)_**

- **_[Read Also : How To Create Dynamic Pie Chart In Laravel 8](https://techsolutionstuff.com/post/how-to-create-dynamic-pie-chart-in-laravel-8)_**

- **_[Read Also : How To Check Email Already Exist Or Not In Laravel](https://techsolutionstuff.com/post/how-to-check-email-already-exist-or-not-in-laravel)_**
Changing bash $HOME on Windows
Tags: bash, npm, windows
Published: 2022-03-07 02:50:47

I recently spent time trying to debug an `npm install` process that could not resolve references for the packages listed in the repo. I had encountered the issue before, when I was less familiar with `npm` generally. Having had more experience since that initial issue, I realized the problem was that I needed to ensure I could authenticate to the registries listed when the install ran.

I opened my `.npmrc` file in my local machine user directory, added the credentials I generated, and retried my install; it failed. This was really perplexing, because I was pretty certain the new credentials were good. I worked on the problem with a colleague, regenerating and adding credentials with no resolution. We finally added the credentials to the local project `.npmrc` to ensure the credentials were valid, and the install completed.

This reminded me that the last time I tried to deal with the issue, the problem was that a different `.npmrc` file was being referenced than the one in my user directory on my local machine. I navigated to the remote file directory that was assigned by the organization and confirmed there was another `.npmrc` file located there with similar credentials to the ones on my local machine.

I researched the issue on Google and found a lead regarding the `$HOME` directory for `bash`. I took a look and found that my `bash $HOME` directory was set to the remote location:

```bash
$ $HOME
# bash: /<remote drive letter>/<remote folder name>: Is a directory
```

I know my organization intends to move us away from using this remote location, so although `npm` was using this directory, I wanted to be able to repoint to my local machine.

Some of my research indicated that this was not something a user should necessarily do but I found a number of methods...for Macs! As a Windows user primarily, I find I often need to dig deeper to find the method I need to resolve an issue.

In this case, I found a really [to-the-point article from ShellHacks](https://www.shellhacks.com/git-bash-change-home-directory/) that helped resolve the issue. By adding a user-level variable `%HOME%` to a machine's environment variables, a `bash` client can reference and resolve that variable. Once I made the change, I was able to confirm that `$HOME` now pointed to my local machine:

```bash
$ $HOME
# bash: /c/<local folder name>: Is a directory
```

My `npm` install could now reference the proper `.npmrc` file with my updated credentials. While this issue occurs infrequently, it's helpful to have reference articles that assist Windows users with this change.
Largest Student Held Hackathon In India
Tags: javascript, hiring, programming, css
Published: 2022-03-07 01:51:07

We at [HINT](https://hint5.devfolio.co/) believe that all ideas and innovations can benefit society significantly. When combined with proper technology, planning & design, it can dramatically change the lives of many.

[Hack in the North](https://hint5.devfolio.co/), organized annually by the students of IIIT Allahabad, has grown swiftly to become one of the largest student-held hackathons in India. The event, which is a celebration of tech and diversity, aims to provide a safe and inclusive environment for contributors to come together, learn and build solutions to real-life problems.

**

> Wondering what's in it for you?
**
[HINT](https://hint5.devfolio.co/) is excited to welcome you with a plethora of rewards & perks, networking opportunities, and much more. Moreover, this time we will be giving out special NFTs to all the participants. Apart from this, the top-performing teams will get:

Grand Prize - Rs. 60,000
Runners up - Rs. 50,000
2nd Runners up - Rs. 40,000
The best team in Underrepresented Category - Rs. 30,000
Best Design - Rs. 20,000

With this in mind, we cordially invite all aspiring programmers and designers to the fifth iteration of Hack In The North, a 36-hour hackathon hosted by IIIT Allahabad students. **Register now on [https://hint5.devfolio.co/](https://hint5.devfolio.co/) and we will see you at the nation's largest virtual hackathon.
**
Thanks & Regards
Team HINT
js store: imus
Tags: javascript, webdev, programming
Published: 2022-03-07 01:45:45

## imus

imus is a simple key-value store for javascript. Usable in frameworks or plain.

Even when writing small apps it's realy helpful to use stores. But most of the stores are to powerful and don't fit my needs. 

### Installation
```sh
npm install imus
```

### Usage in React Component

Listener
```jsx
import { useEffect, useState } from "react";
import { subscribe, getStore } from "imus";

export default function TextComponent() {
    const [text, setText] = useState('');
    const unsubscribe = subscribe('myText', setText); // when key already exist, subscribe will call setText directly

    const [initText] = useState(getStore('myText') || '') // will also get the value, but wouldnt be updated

    useEffect(() => {
        return unsubscribe
    })
    return <p>{text}, {initText}</p>
}
```

Dispatcher
```jsx
import { dispatch } from "imus";

export default function InputComponent() {
    return <input onChange={(e) => dispatch('myText', e.target.value)} type="text"/>
}
```

imus also allows to add getter and setter for the store. So you could just connect localStorage for example.


```js
const setter = (store) => localStorage.setItem('store', JSON.stringify(store));
const getter = () => JSON.parse(localStorage.getItem('store'))

setConnector(setter, getter);
```

### Using HTML

```html
<!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">
    <title>Document</title>
    <input onkeyup="updateText()" id="textInput" type="text" />
    <p id="textField"></p>
</head>
<body>
    <script src="https://unpkg.com/imus@1.3.0/dist/bundle.js">
    </script>
    <script>
        const unsubscribe = Imus.subscribe('myText', (value) => {
            document.getElementById('textField').innerHTML = value;
        });

        function updateText() {
            Imus.dispatch('myText', document.getElementById('textInput').value);
        }

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

Currently its work in progress but it works pretty well. The store is held in the imus package. In future it should also be possible to create stores. It should be possible to use imus even when your app grows.

Im not planing in creating another state management framework.

https://www.npmjs.com/package/imus

example with plain html:
https://notee.chimpsol.com/
Stand With Ukraine using Super Fast and Accurate Azure Cognitive LUIS AI language translator
Tags: azuretrialhack, ukraine, language, ai
Published: 2022-03-07 01:23:27

### Overview of My Submission:

This demo is to use _**Azure Cognitive LUIS AI translator**_ to translate Ukrainian language tweets by **Ukraine President @ZelenskyyUa** into 15 different and most widely used major languages so many others in the world can read and understand the current crisis at Ukraine. **_Azure Cognitive Services Translator is very accurate, fast, developer friendly and powerful._** Only a few lines of codes can translate Ukrainian language ACCURATELY into 15 most widely used major languages in ~0.5 seconds.

My Ukrainian friends told me it is **VERY NATIVELY ACCURATE** and much better than Google Translate. 


### Submission Category: 

**# AI Aces**


### Link to Code on GitHub:
main - https://github.com/leewalter/Azure-hackathon-LUIS-AI-StandWithUkraine

src - https://github.com/leewalter/Azure-hackathon-LUIS-AI-StandWithUkraine/blob/main/translator.js

outputs:
1/ **Natively accurate** translations:
https://github.com/leewalter/Azure-hackathon-LUIS-AI-StandWithUkraine/blob/main/Azure%20AI%20translate%20into%2015%20diff%20lang%203.png

2/ **Super Fast**: 15 translations in only 0.5s!
https://github.com/leewalter/Azure-hackathon-LUIS-AI-StandWithUkraine/blob/main/Azure%20AI%20translate%20into%2015%20diff%20lang%204.png
 
### Additional Resources / Info

1/ see my original post at LinkedIn: https://www.linkedin.com/feed/update/urn:li:activity:6906044994268860416/
"I read many #tweets from President @ZelenskyyUa lately but **could not understand Uk words, so thinking to write an app to translate them to diff languages** so more people can read it easily !"

**_2/ If this submission wins any prize money from Azure hackathlon, all proceeds will be donated to the President @ZelenskyyUa and his government !_**
Web 3.0 or Scammers Paradise? 
Tags: 100wordsaday, inkedin, web3, beginners
Published: 2022-03-07 01:22:12

We have seen it all over the news, social media and around the web the misconception of NFT and web 3.0 The safe heaven for scammer and hell for some  players in the game. 

**What is Web 3.0 ?**
- The Definition of web3 change depending on who you ask, people are clueless and do not understand the underlying basic. 
- Web1 is to be the web pages of the internet or static websites as well. 
- Web2 we get more modern thing like web app and apps. Basically adding JS to make sites interactive. 
- Web3 is to be where everything above can communicate With a blockchain to retrieve metadata or data. And Many believe that most blockchain are "DECENTRALIZED" but they are far from the truth. Decentralization of metadata and web service are really hard and expensive to set up. 

> My point is that You Must **DYOR** whenever someone tell you to invest or buy something. 
> Web3 is not one thing but a combination of many technology interconnected. 
> **!!!Warning not a Web3 or crypto expert just giving out my perspective on the situation.!!!**

**Why a Scammers Paradise ?**

- This one is a controversial topic as there could be some value and use case for a project, it does not mean that the intention of some is to make money and Rug Pull some folks as they say these days.
- So Lil Jonny has an idea, he made a project called **"You're getting Scammed"** as a Social experiment. 
- Everywhere you look, this project is told to be a scam and social experiment by the creator himself. 
- The project is live now and one huge influencer Lil Pi decided to tweet  "my fam just got the **"You're getting Scammed"**  Token do not buy not financial advice "
- It started trending that he invested in that project and the Degenerates' army jump in first trying to buy and sell to others to make profits,  but they cants sell. Token is locked, not spending(DYOR). 
- Everyone lost the money now Lil Jonny has the bag and shutdown the project. As stated in the white-paper. 

> **My Biggest advice is DYOR on anything and then DYOR on Your Own Research if that make sense.**

**Some Topics To Research:**

Centralized Blockchain 
Decentralized Blockchain
Semantic Web
Bitcoin White-Paper original proposal and updated
Interoperability 
Metadata 
etc 

- **My Biggest Concern is how little people care about theirs personal  privacy/identities  and giving out too much information to big tech company, I advocate For Big tech Company to Stop Metadata mining on the citizen of the world.**

> - **NOTE: This is one of 30 blogs that I would be attempting to write over the next 30 days to improve my writing skills.**
Spread Operator in JavaScript (...)
Tags: javascript, beginners, webdev, programming
Published: 2022-03-07 01:14:05

**What is the Spread Operator?**
This syntax is used to succinctly pass multiple values from either an Array or Object to an expression where elements are expected. Examples are the best way to show this.

**Arrays**

Combining arrays
```js
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combinedArr = [...arr1, ...arr2];
//  combinedArr = [1, 2, 3, 4, 5, 6]
```

```js
let arr1 = [1, 2, 3];
let arr2 = [4, ...arr1, 5, 6];
//  arr2 = [4, 1, 2, 3, 5, 6]
```

Copying an array
```js
let arr = [1, 2, 3];
let arrCopy = [...arr];
//  arrCoppy = [1, 2, 3]
//  changing arr will not effect arrCopy
```

**Objects**
Merge Objects
```js
let obj1 = { id: 1, name: 'Aden' };
let obj2 = { birthday: '2022-02-04', hairColor: 'Brown' };
let combinedObj = { ...obj1, ...obj2 };
//  combinedObj = { id: 1, name: 'Aden', birthday: '2022-02-04', hairColor: 'Brown' }
```
Note: Merging objects with like attributes may not behave the way you expect
```js
let obj1 = { id: 1, name: 'Aden' };
let obj2 = { id: 2, name: 'Bob' };
let combinedObj = { ...obj1, ...obj2 };
//  combinedObj = { id: 2, name: 'Bob' }
```

**A Common use case in React**

```js
import { useState } from "react";

const App = () => {
  const [input, setInput] = useState("");
  const [list, setList] = useState([]);

  const addButtonClick = () => {
    // We use the spread operator to add 
    // an item to the end of the array
    setList((list) => [...list, input]);
  };

  return (
    <div>
      <input
        type="text"
        value={input}
        onChange={(e) => {
          setInput(e.target.value);
        }}
      />
      <button onClick={addButtonClick}>Add</button>
      <ul>
        {list.map((item) => {
          return <li key={Math.random()}>{item}</li>;
        })}
      </ul>
    </div>
  );
};

export default App;
```
More information about the spread syntax can be found in the MDN docs: [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)

Leave comment if you have any questions or feedback.
Book Review: Designing Data-Intensive Applications
Tags: bookreview, architecture, distributedsystems
Published: 2022-03-07 20:52:09

---
title: Book Review: Designing Data-Intensive Applications
published: true
date: 2022-03-07 00:00:00 UTC
tags: BookReview,Architecture,DistributedSystems
canonical_url: https://hceris.com/book-review-designing-data-intensive-applications/
---

[![Designing Data-Intensive Applications](https://hceris.com/static/55fae20353acc8a672bc67478bffaae8/41099/cover.jpg "Designing Data-Intensive Applications")](/static/55fae20353acc8a672bc67478bffaae8/41099/cover.jpg)

If you’re in the mood for a challenging book, then _Designing Data-Intensive Applications_ (often known as DDIA) is exactly what you need. It packs an insane amount of content inside its ~500 pages. I can’t think of a better candidate to learn about distributed systems at scale.

## Full Attention Demanded

The book covers distributed systems. General knowledge is probably required, otherwise, it will be a bit too much for you. You don’t need to be a Big Data specialist, though.

Before you start with this one, beware: This is a pretty heavy book to read. Be prepared to read chapters multiple times. I’ve read the consensus chapter quite a few times already, and I still don’t feel confident that I know what’s going on.

## Each Chapter is a Mini Book

There are twelve chapters in the book. Each chapter centers around one main topic, such as:

- Replication
- Partitioning
- Transactions
- Consensus
- Streams

Most chapters start relatively easy, but they go into extensive _depth_. Like, they go up to the very edge of the state-of-the-art. You’ll notice by the number of references to recent research papers.

## The Oracle of System Design

System Design is a big part of interviewing for [BigTech](https://en.wikipedia.org/wiki/Big_Tech) (FAANG and others), starting from senior positions. DDIA touches on several topics that are quite relevant for that kind of interview. Can this book replace the experience of designing distributed systems at scale? No, of course not. But, it’s an excellent way to start building a solid base. Since I read DDIA, I’ve noticed that I pick up more details when I read the engineering blog of some companies.

Besides, the gigantic list of references for every chapter is an invaluable resource if you want to dive deeper into any of these topics. No kidding, there are like 100 references per chapter.

## Verdict

Don’t get fooled: If you want to power through the whole book you’re going to invest some serious effort. It’s not some light reading just before going to bed.

Even then, it’s written clearly and concisely, so it won’t make your life unnecessarily hard. Despite the cognitive load, it’s one of the best purely technical books I’ve read in a while. It gets ⭐⭐⭐⭐⭐ stars from me.