teleren/devto huggingface dataset:
The Cloud and System Design
Tags: systemdesign, programming, beginners, tutorial
Published: 2023-12-03 05:25:00

Welcome to another enlightening installment in the System Design Series curated by @mukeshkuiry! Today, we embark on an exploration into the vast domain of cloud computing, unraveling its profound influence on the art and science of system design.

### Unveiling the Cloudscape

Cloud computing, a technological marvel, opens doors to on-demand access to an array of services—ranging from storage to dynamic development platforms. These services are seamlessly delivered through internet-connected offsite data centers, managed by third-party juggernauts known as cloud providers. This transformative computing model not only addresses the challenges of traditional on-premises systems but also introduces a paradigm shift, offering cost-effectiveness, scalability, and unparalleled convenience.

### Harnessing Cloud Services

Venturing into the cloud reveals a cornucopia of services provided by different cloud vendors. Beyond the basics of storage, security, and access management, cloud services empower designers with a versatile toolkit. This toolkit enables the creation of systems that are not only flexible but also inherently efficient, capable of adapting to the dynamic needs of modern enterprises.

### Navigating the Cloudscape's Architecture

The cloud landscape isn't monolithic—various deployment models and architectures cater to diverse requirements and preferences:

1. **Multi-cloud:** Unleashing the potential of services from multiple cloud providers.
2. **Hybrid cloud:** Striking a harmonious balance between on-premises and cloud services.
3. **Single cloud:** Exclusive reliance on services from a singular cloud provider.
4. **Public cloud:** Accessing services from a globally available public cloud provider.
5. **Private cloud:** Leveraging cloud services within the secure confines of a private network.

### Beyond the Horizon

The cloud phenomenon is not static; it's a dynamic force reshaping the contours of system design. As cloud computing continues its ascent, it becomes an indispensable player in the orchestration of modern, adaptive, and resilient systems.

### A Call to Architects

In conclusion, cloud computing is a powerhouse—its significance resonates deeply within the realm of system design. A comprehensive understanding of the diverse services and deployment models is paramount for architects crafting systems that seamlessly integrate the power of the cloud.

Stay tuned for more enlightening insights in our System Design Series. Happy designing in the cloud—a realm where possibilities are as boundless as the sky!
Rank 1082 🚀| Leetcode Weekly Contest 374 👩🏻‍💻
Tags: coding, programming, softwaredevelopment, computerscience
Published: 2023-12-03 05:13:05

Hello Programmers and Developers ਸਤਿ ਸ੍ਰੀ ਅਕਾਲ 

Hope you're all doing well! Just a quick update on my end as of December 3, 2023.

I had a bit of a late start this morning, waking up half an hour behind schedule for the contest. Despite that, I managed to secure the **1082nd** rank 🚀 out of **15577** participants, which I'm quite pleased with. [**New Best Score**]

I took a shot at **four** questions in **total**, successfully solving **2 / 4** of them. Unfortunately, even though I cracked the third question, I couldn't optimize it within the contest rules and constraints, so it doesn't count.

Best,
Abhishek 😉

![Abhishek's Weekly Contest 374 result | Rank 1082](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58ij8zb2wbe3djfqwrq6.png)
What is Google Cloud and what is it for?
Tags: cloudcomputing, googlecloud, devops, cloud
Published: 2023-12-03 04:09:50

Google Cloud is a set of cloud computing services offered by Google that includes a range of solutions for storage, analytics, machine learning, and more. With Google Cloud, businesses can leverage the power of Google infrastructure to build, deploy, and scale their applications and services.

One of the main benefits of using Google Cloud is the ability to quickly and easily scale your workloads as needed. This means you can start small and then scale up as your business grows, without having to worry about infrastructure limitations. This can be especially useful for businesses that experience seasonal or variable demand for their services.

Another advantage of Google Cloud is the wide range of tools and services available. From data storage and management to machine learning and analytics, Google Cloud offers solutions for a wide range of business needs. This means you can create and deploy custom solutions that fit your specific business requirements.

One of the most popular tools offered by Google Cloud is Google BigQuery, a powerful data analytics platform that allows users to query massive data sets quickly and easily. With BigQuery, you can analyze data from various sources, such as cloud storage, spreadsheets, and even social media platforms. This makes it easier to gain insights from data and make informed decisions.

In addition to BigQuery, Google Cloud also offers other tools for machine learning and artificial intelligence. These include TensorFlow, a popular open source machine learning framework, and Cloud AI Platform, a set of tools for building and deploying machine learning models. These tools can be used to create customized solutions for a wide range of applications, such as image and speech recognition, natural language processing, and predictive analytics.

Overall, Google Cloud offers a powerful and flexible platform for businesses that want to build, deploy, and extend their applications and services. With a wide range of tools and services, Google Cloud can help businesses of all sizes quickly and easily harness the power of the cloud to drive innovation and growth.
To speed up the search process, let’s set an index for array data within a JSON-formatted column
Tags: database, index
Published: 2023-12-03 03:43:16

This article introduces how to set an index for array data within JSON-formatted columns storing JSON data.

Firstly, setting an index on commonly queried columns is an effective way to speed up search processes.

However, storing JSON-formatted data in a database column and wanting to search specific array data within that JSON doesn’t typically speed up search processes even if you set an index, due to the usual specifications of indexing.

In such cases, when aiming to expedite the search process for array data within JSON-formatted columns, utilizing Multi-Valued Indexes would be beneficial.

By using Multi-Valued Indexes, it’s possible to set an index on array data stored in JSON format.

Let’s say the following data is stored in a JSON formatted ‘json_data_column’ column. As an assumption, let’s consider that the ‘json_data_column’ column contains JSON data in the same format. Furthermore, while it would be better to normalize the string data held in ‘skills->languages’ and ‘skills->frameworks’ with IDs, for now, let’s ignore that aspect.

```json
{
    "id": 1,
    "skills": {
        "languages": [
            "PHP",
            "JavaScript",
            "Java"
        ],
        "frameworks": [
            "Laravel",
            "Vue.js",
            "Spring"
        ]
    }
}
```

If you want to improve the search speed for the array data under the ‘skills->languages’ key within the ‘json_data_column’ column, you can set an index as follows.

`ALTER TABLE json_data_column ADD INDEX members_skills_languages_index( (CAST(skills->’$.languages’ AS UNSIGNED ARRAY)) );`

This enables faster search processing for the data under ‘json_data_column.skills->languages’ key. However, it’s important to note that, similar to a regular index, there are search operations where the index won’t take effect. While ‘exact match search’ and ‘prefix match search’ benefit from the index, operations like ‘partial match search’ or ‘suffix match search,’ such as the LIKE search, won’t benefit from the index and will result in a full scan.

Let’s set up the appropriate index, implement the suitable search process, and ensure it results in quick hits.
Try a bigger project
Tags: opensource, google, typescript, java
Published: 2023-12-03 03:40:49

By creating many PRs on open source project, I want to delve deeper into open source, and I'm considering trying my hand at projects in larger companies.

I found my [classmate](https://dev.to/sdthaker/planning-a-deeper-penetration-into-googles-open-source-project-313l) already made contribute to the Google project [Blockly Samples](https://github.com/google/blockly-samples). I think it's so cool, and it will make him resume outstanding, so I wanna try to know this project.

First, I installed and learned the [Blockly](https://github.com/google/blockly). It is a visual code editor, so you can construct your code using the way we block, and only need drag the functions or variables. The most convenient part is Blocky can automatically generate many language codes like Python, Php, javascript, Lua, Dart. 

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

Blockly Samples project provide plugins, codelabs and examples. I found there is a [GitHub Pages site](https://google.github.io/blockly-samples/index.html) which show different kinds of fields and provide the plugin to playground it.

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


I tried to search the "good first issue" but I found there were only 7 issues and were assigned very soon. I waited almost one week, but still couldn't find a better issue for me. So I think keep waiting is not a good idea for me.


So I think keep working on my last [spring boot](https://github.com/jaygajera17/E-commerce-project-springBoot) project will be a good choice. I'm learning spring boot recently and I may add a new feature for the spring boot project.
lsjagbjasdg
Tags: webdev, node, bigdata, aws
Published: 2023-12-03 02:54:42

hdffgjfgfj
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9r83q5l4e04q3pfemwdk.png)
galsdngasn gasdg
almsdgnasdgnasdfg

## 
a;smg.asngakshasfdh
Why Every Man Needs a Casual Blazer - A Fashion Essential
Published: 2023-12-03 02:50:48

## Introduction

Now that you're wondering, let's look at this [casual blazer men](https://coofandy.com/collections/mens-casual-suit?utm_source=dev_to&utm_medium=rankking). 

When it comes to men's fashion, a casual blazer is a must-have item in every man's wardrobe. Not only does it add a touch of sophistication to any outfit, but it also provides versatility and comfort. In this article, we will explore the reasons why every man needs a casual blazer and how to style it for different occasions.

## Professionalism and Style

A casual blazer is a perfect combination of professionalism and style. It can be worn to work, business meetings, or any formal occasion. It adds a touch of elegance to any outfit and makes you look more put together. A well-fitted blazer can make you stand out in a crowd and give you a sense of confidence.

## Versatility

One of the best things about a casual blazer is its versatility. It can be dressed up or down depending on the occasion. You can wear it with a pair of jeans and sneakers for a casual look or pair it with dress pants and dress shoes for a more formal look. It can also be worn with a t-shirt or a button-down shirt, making it a perfect choice for any season.

## Comfort

A casual blazer is not only stylish but also comfortable. It is made of lightweight and breathable materials, making it perfect for any weather. It also provides warmth during colder months, making it a great alternative to a heavy coat. The soft and comfortable fabric of a blazer makes it easy to move around in, making it perfect for any occasion.

## Conclusion

A casual blazer is a fashion essential that every man should have in his wardrobe. It adds a touch of sophistication to any outfit, provides versatility and comfort, and can be dressed up or down depending on the occasion. Whether you're going to work, a business meeting, or a casual outing, a blazer is a perfect choice. So, invest in a good quality blazer and elevate your style game.

## References

  * [casual blazer men](http://luebeck.org/?MCO=kEr0ihx47TKIqN2hpi4&MUC=TqV0RvPYPP3PpWEqSvK&MLI=https://coofandy.com/collections/mens-casual-suit "casual blazer men")



## Related Links

  * [GQ Style](https://www.gq.com/style)
  * [Men's Health Style](https://www.menshealth.com/style)
  * [Fashion Beans](https://www.fashionbeans.com/category/mens-fashion-trends/)
Challenge 2 Advent JS 2023 by Midudev
Tags: javascript, adventofcode, challenge, programming
Published: 2023-12-03 00:41:02

My solution to challenge 2 in this series

## Instructions:

In Santa's workshop, the elves have a **list of gifts** they want to make and a limited set of materials.

The _gifts are strings_ and the _materials are characters_. Your task is to write a function that, given a list of gifts and the available materials, returns a **list of gifts that can be manufactured**.

A gift can be manufactured if we have all the necessary materials to make it.

```javascript
const gifts = ['tren', 'oso', 'pelota']
const materials = 'tronesa'

manufacture(gifts, materials) // ["train", "bear"]
// 'train' YES because its letters are in 'tronesa'
// 'bear' YES because its letters are in 'tronesa'
// 'ball' NO because its letters are NOT in 'tronesa'

const gifts = ['juego', 'puzzle']
const materials = 'jlepuz'

manufacture(gifts, materials) // ["puzzle"]

const gifts = ['libro', 'ps5']
const materials = 'psli'

manufacture(gifts, materials) // []
```

### Solution

```javascript
function manufacture(gifts, materials) {
  const materialsSet = new Set(materials);

  const lettersInWord = (word) => {
    return word.split('').filter(letter => materialsSet.has(letter)).join('');
  };

  return gifts.filter(gift => gift.length === lettersInWord(gift).length);
}
```

1. Create a Set that separates all the letters from materials.
2. Create an auxiliary function `lettersInWord` that takes a word, splits it into letters (using `.split()`), filters the letters based on whether they belong to the `materialsSet` previously defined, and finally joins them back into a string.
3. The final step is to apply a filter on the `gifts` array and return only those elements whose length is equal to the length of the word returned by the `lettersInWord` function.

![Solution Image](https://media.licdn.com/dms/image/D4E12AQGMcCymxwa07g/article-inline_image-shrink_1500_2232/0/1701563777119?e=1707350400&v=beta&t=TW2ROtjVeDKPTC6uK2ZiFrvZy-WDL0EUcrTuZE9iW4w)

Solution

## Previous Challenge Solutions

1. [Challenge 1 Advent JS 2023](https://dev.to/juneikerc/challenge-1-solution-adventjs-2023-by-midudev-104c)
How Advent of Code helped me to like writing code again
Published: 2023-12-03 00:34:50

First, some context. I've been programming for almost ten years. I first started learning Pascal with a Brazilian IDE called Pascalzim back in 2014. After my first attempts at code, I fell in love with it; I could write code and solve coding problems in an entire day. When I started college in 2017, I joined the competitive programming club (not exactly a club but something similar). I felt like my purpose was to write these codes that can solve problems and see my name in the rankings. Competing and learning from smarter people than me was a joy.

But as the years passed, I began to work as a full-stack developer at a kind of big company. The first months were great; I was getting paid to do what I loved.

But the days passed, and more and more I was not doing side projects, I was not learning anything new, I was not solving any problems.

I was just adjusting things in the product, discussing story points with my team, and working in a tech that was becoming more obsolete every second.

For some months now, I've been unable to work on new projects that I like. Every tiny thing blocked me. Not in a way like, I can't do that, but more like “Eh, I could do that, but it's too much trouble.”

But 01 December I gather some friends and asked: “Have you guys know about the advent of code?”, none of them had, so I explained and they like the idea.

We started on day one of course, and although the first part of the issue as straight forward.
The second part really got us, and I had to go back to my C days writing code to solve competitive programming challenges. That took my joy of writing code back. 

I don't know if much of you guys feel like me, that you don't really enjoy writing code or thinking, but AoC is helping me. You cloud try!
A Food Delivery Website using React and Redux
Tags: website
Published: 2023-12-06 09:11:22

---
title: A Food Delivery Website using React and Redux
published: true
date: 2023-12-03 00:32:00 UTC
tags: WebSite
canonical_url: https://reactjsexample.com/a-food-delivery-website-using-react-and-redux/
---

# Foodie – Food Delivery Web 🍕 🍔
 ![A Food Delivery Website using React and Redux](https://reactjsexample.com/content/images/2023/12/Code_2023-12_12-27-44.jpg)

Foodie is a project built from React JS, Redux Toolkit, and styled responsively by Bootstrap, CSS, Reactstrap. This website was built as a food delivery website which was guided by Coding With Munhib.

## Visuals

![A Food Delivery Website using React and Redux](https://github.com/SeniorStack720/food-delivery-react-redux-app/raw/main/src/assets/screenshots/Screenshot%202022-08-31%20at%2011.50.42.png)

![A Food Delivery Website using React and Redux](https://github.com/SeniorStack720/food-delivery-react-redux-app/raw/main/src/assets/screenshots/Screenshot%202022-08-31%20at%2011.51.00.png)

![A Food Delivery Website using React and Redux](https://github.com/SeniorStack720/food-delivery-react-redux-app/raw/main/src/assets/screenshots/Screenshot%202022-08-31%20at%2011.51.22.png)

![A Food Delivery Website using React and Redux](https://github.com/SeniorStack720/food-delivery-react-redux-app/raw/main/src/assets/screenshots/Screenshot%202022-08-31%20at%2011.51.30.png)

![A Food Delivery Website using React and Redux](https://github.com/SeniorStack720/food-delivery-react-redux-app/raw/main/src/assets/screenshots/Screenshot%202022-08-31%20at%2011.51.40.png)

## Demo

Feel free to experience the app from ➡️ [here](https://foodie-delivery-tramnguyenhere.netlify.app/home)

## How to build and run

### Install NodeJs and npm

Download and install Node.js from this link [https://nodejs.org/en/download/](https://nodejs.org/en/download/)

### Clone or download this repo.

On your terminal or cmd, type: git clone [git@github.com](mailto:git@github.com):tramnguyenhere/food-delivery-react-redux-app.git On your command line, navigate to root folder and install: npm install

### Deploy the application

. Deploy the app on web-browsers: npm start

## Technology use in the application

. ReactJS . Redux Toolkit . Bootstrap, Reactstrap . CSS . React Route

## GitHub

[View Github](https://github.com/SeniorStack720/food-delivery-react-redux-app?ref=reactjsexample.com)
Progress report 0.4
Published: 2023-12-03 00:26:38

This week I started wroking on the issue, I tried understanding the layers upon layers of code I need to look into.

I ended up a total of 4 functions I need to fully understand and how to make kwargs work into it.

```
all_gather_into_tensor
all_gather_tensor_inplace
legacy_allgather
all_gather_tensor
traceable_collective_remaps
```
From my understanding this is how it works.

We have *all_gather_into_tensor* as the main function we import it from  *torch.distributed.distributed_c10d* and then we assign it as *legacy_allgather* from there it is called by *traceable_collective_remaps* to be rewritten in dynamo and then assign it to *all_gather_tensor_inplace* where all the variables and attributes would be placed finally into *all_gather_tensor* calling again *all_gather_into_tensor* to be placed in *all_gather_tensor_inplace*

Confusing? i know but thats the very very straight forward way of saying it.

Now I realize that we could just add the keyword kwargs** and be done with it but after analyzing is I saw that there was a total mismatch in arguments that might be causing the bugs, so I went on and ask ifit is happening with the another function. if my theory is correct and it is happening on another function then it means we have to go into *all_gather_into_tensor* and fix the problem from there if not then we just need to replace it straight forward. 

I am very thankful that I learned testing because I know it is going to come in very useful for this one. 

The first test I did was searching up wha the arguments looks like and why it wasnt accepting kwargs

and the result I got was this

```
First extra element 4:
'tag'

- ('args', 'kwargs', 'error', 'error_msg_dict')
+ ('output', 'input', 'group', 'async_op', 'tag', 'gather_dim')
```

meaning there are mismatches on the elements being parse so that might be one of the issue.

I still have to keep checking, i did hope to submit a PR this week but I need a few more things to understand, that is why I might hop on  zoom call tomorrow with the dev team and try to understand what is wrong. Let's see.

For now we continue!!
Humility: An Essential Value Review
Published: 2023-12-03 00:13:40

This article is a big example of how it's always important to strive to learn and expand your knowledge. Justin talks about his journey in his field of work and how gained a bit of success. But it's really crazy how fast technology is always changing that he got so comfortable that his work became stagnant as he said. Until he kept moving forward and continued to learn and push himself which is very critical in the tech world..
Caption This! 🤔💭
Tags: discuss, watercooler
Published: 2023-12-03 00:00:00

---
published_at : 2023-12-03 00:00 +0000
---
Help us out! Tell us your most clever caption for this image... ready... set... go!

![Person with an Alien mask on petting a husky](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0espthgrq8djt2k7of5k.jpg)

---

Follow the DEV Team for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Can Problem-Solving Unlock Your Path to Happiness?
Tags: discuss
Published: 2023-12-03 00:00:00

---
published_at : 2023-12-03 00:00 +0000
---
Have you encountered a surprising connection between your problem-solving mindset and personal happiness? Share your insights.<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}
How Can You Build Your Mental Strength?
Tags: discuss, codenewbie, beginner
Published: 2023-12-03 00:00:00

---
published_at : 2023-12-03 00:00 +0000
---
Share how you incorporate mentally strong habits into your coding routine. What positive changes have you observed?
<br>
Follow the CodeNewbie Org and #codenewbie for more discussions and online camaraderie!
{% embed https://dev.to/codenewbieteam %}