teleren/devto huggingface dataset:
Leading Manufacturers Of Commercial Kitchen Equipment In Bangalore @Sri Sakthi Innovations
Tags: kitchen, kitchenequipment, commercial, commercialkitchenequipments
Published: 2023-05-29 17:04:50

Customized kitchen appliances for our most valued customers for their restaurants, hotels, bakery, e.t.c.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmymxdnizaqrqtdosct5.jpg)
Contact us at 099007 04040

Visit our website: 
https://www.srisakthiinnovations.com/
https://www.ssikitchens.com/

Sri Sakthi Innovations,
#41/1,Doddanagamangala Main road,
Electronic City Post, Begur Hobli,
Bengaluru South Taluk - 560100.
Land Mark - Hosur Main Road, PES College Back Gate
Operador de encadenamiento opcional (?) en JavaScript
Tags: javascript, webdev, programming, spanish
Published: 2023-05-29 16:59:15

Optional chaining operator (?): Es el operador de acceso que valida que lo que estamos tratando de obtener o ejecutar en el caso de una función no sea null o undefined, en caso de que sea así se devuelve un undefined en vez de lanzar un error.


![Ejemplo de optional chaingin en propiedades de un objeto.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gef60y1z3jep27rfvjxu.png)

Es bastante útil para prevenir errores, ya que como previene que se lance un error las líneas que siguen puede continuar con su ejecución. Yo regularmente ocupo el optional chaining para poder acceder a un posición determinada de un arreglo ya que no siempre estoy seguro que esa posición exista, precisamente para evitar errores.


![Ejemplo de optional chaining en un arreglo.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abllgyg8nbmvwfdyeqb3.png)

Acá hay que tomar en cuenta que cuando se existe un null o undefined ahí se corta la ejecución por lo tanto si tenemos más operaciones delante de optional chaining ya no se ejecutarán. En este caso evalúa primero details como no es nulo continua ahora se evalúa address.


![Encadenamiento de optional chaining.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3plxoyv0iaulww816o4.png)

A esto se le llama encadenamiento porque puedes ocupar varios operadores seguidos, el detalle de esto es que no es recomendable abusar de ello, ya que si surge un error va ser complicado a la hora de debbuging encontrar verdaderamente en donde se encuentra el error.
Si este articulo te gusto o has aprendido algo nuevo te agradecería bastante que me siguieras y compartieras mi contenido. Gracias.
Please fix my bugs(RN)
Published: 2023-05-29 16:50:30

Greetings.
I installed these features.
- Mac (OS v13)
XCode 14.3,
gem, 
homebrew
- Android
Android Studio(2022.2.1.19) including Android Emulator,
Android SDK,
Flipper,
nvm for node 16 -> node v16.20.0,
jdk-17.0.7.7-hotspot,
yarn

But 
- On Windows
With expo cli, it works well but with RN cli, it occurs bugs.
- On MacOS
cocoapods installing error

Here are my screenshots.

**expo cli success**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/werwba9n87jfks1068bv.png)

**RN cli bug**

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

**mac cocoapods error page1**

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

**mac cocoapods error page2**

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

Please help me.
Thanks.
Infy-Verse [A all in one platform for mail+chat+meeting+calender]
Tags: infyverse, mern, react, microsoft
Published: 2023-05-29 16:35:11

You can see the Demo from here 👇
https://infy-verse.netlify.app/


For this project, I have used these libraries,
▶️ React JS (CRA)
▶️ Firebase Authentication
▶️ Firestore Database
▶️ Firebase Realtime Database
▶️ WebRtc for Video Calling
▶️ Styled-Components for styling


Presentation Video
{% embed https://www.youtube.com/ %}


**Google Authentication Login Page**
![Google Authentication Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n2rptgjr29o2b4kw5erv.png)

**After Login Calendar Page**
![Calendar Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bqssffl52tj9pc7brzy6.PNG)

**Mailing Page**
![Mailing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cbkbek98r3mkb9cmlh36.PNG)

**Chatting Page**
![Chatting Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5rjop5ips87qtg65tz24.PNG)

**Meeting Page**
![Meeting Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bgyml046oaexwnqqpyno.PNG)

**Theme Changer**
![Theme Changer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zsidsqd7qxrid71wkvwl.PNG)

**Profile Settings Page**
![Profile Settings Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqah0tstddom791yo11x.PNG)

Any suggestions are welcomed!
**Thanks For Reading**😄
Python 🐍 challenge_29⚔️
Tags: challenge, python, beginners
Published: 2023-05-29 16:33:17

##  Are they the "same"?

- Given two arrays [a] and [b] write a function comp(a, b) or compSame(a, b) that checks whether the two arrays have the "same" elements with the same multiplicities 
- The multiplicity of a member is the number of times it appears.
- "Same" means, here, that the elements in [b] are the elements in [a] squared regardless of the order.


#### Examples:

```
    Valid arrays:

    a = [121, 144, 19, 161, 19, 144, 19, 11]  
    b = [121, 14641, 20736, 361, 25921, 361, 20736, 361]

    comp(a, b) returns true because in b 121 is the square of 11, 14641 is the square of 121, 20736 the square of 144, 361 the square of 19, 25921 the square of 161, and so on. 
    It gets obvious if we write b's elements in terms of squares:

    a = [121, 144, 19, 161, 19, 144, 19, 11] 
    b = [11*11, 121*121, 144*144, 19*19, 161*161, 19*19, 144*144, 19*19]

    Invalid arrays:

    If, for example, we change the first number to something else, 
    comp is not returning true anymore:

    a = [121, 144, 19, 161, 19, 144, 19, 11]  
    b = [132, 14641, 20736, 361, 25921, 361, 20736, 361]

    comp(a,b) returns false because in b 132 is not the square of any number of a.

    a = [121, 144, 19, 161, 19, 144, 19, 11]  
    b = [121, 14641, 20736, 36100, 25921, 361, 20736, 361]

    comp(a,b) returns false because in b 36100 is not the square of any number of a.

```

###### Task URL: [Link](https://www.codewars.com/kata/550498447451fbbd7600041c/python)


## My Solution:

```
def comp(a, b):
    if a is None or b is None:
        return False
    return sorted([i ** 2 for i in a]) == sorted(b)
```


### Code Snapshot:


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

### Learn Python

######  Python top free courses from Coursera🐍💯🚀

🎥 {% youtube 2VRXU2H4q0c%}


### Connect with Me 😊

#### 🔗 Links

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/mahmoud-el-kariouny-822719149/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/Mahmoud42275)
Develop Seperate Backend and Frontend Projects (Laravel)
Tags: laravel, nextjs, php, webdev
Published: 2023-05-29 16:18:58

In modern web applications, sometimes necessary to use separate backend and frontend applications. However, this approach can lead to problems such as CORS (Cross-Origin Resource Sharing) errors. To overcome these problems, you must create a convenient development environment.

In this article, we will configure our Laravel application to function as an API service and set up our frontend NextJS application to run on our root domain. I will be using Laragon as my web server, and for setting up a reverse proxy, we will use Apache configurations.

### Configuring Our Backend

Open your backend Apache conf file and add `api.` subdomain to your project url.

```diff
- define SITE "project.test"
+ define SITE "api.project.test"
```

Add your project url in hosts file.

```diff
+ 127.0.0.1     api.project.test
```

**Don’t remove your old registery we will use that for frontend.

In your cors.php config file you have to update `supports_credentials` to true.

```diff
- 'supports_credentials' => false,
+ 'supports_credentials' => true,
```

**Don’t forgot to add your sanctum or other endpoints to `paths` array in `cors.php` config.

Add your project url to .env file if you are using sanctum.

```diff
+ SANCTUM_STATEFUL_DOMAINS=api.project.test
```

Now your backend project is ready to use. You have to configure your frontend.

### Configuring Our Frontend

This part can be achived with reverse proxy configuration or settting hostname and port in your frontend framework.

**Reverse Proxy:**

Create apache configuration file for your frontend. This conf. file going to proxy your frontend url.

```
define ROOT "C:/laragon/www/project-fe/public"
define SITE "project.test"

<VirtualHost *:80> 
	ProxyPass / http://localhost:3000/ # This line
	ProxyPassReverse / http://localhost:3000/ # This line
  ServerName ${SITE}
  ServerAlias *.${SITE}
</VirtualHost>
```

If you removed your backend registery then add this to your hosts file. Otherwise you can skip this step.

```diff
+ 127.0.0.1     project.test
```

**Setting Hostname and Port Configuration:**

To change hostname and port in NextJS, you can use -p and -H parameters. For example, open your `package.json` and add this line:

```diff
...
"scripts": {
-  "dev": "next dev",
+  "dev": "next dev -p 80 -H project.test",
  ...
},
...
```

### Testing

Now you can run your projects and open `api.project.test` and `project.test` urls to test your application.
100 Days Coding Challenge - Day 10: FreeCodeCamp JavaScript Algorithms and Data Structures
Tags: javascript, programming, 100daysofcode, algorithms
Published: 2023-05-29 16:16:58

## Day 10

I was reviewing CSS and HTML in a course of Udemy, to start JavaScript alongside the JavaScript of freeCodeCamp and connect the learning to web dev.


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


and I was progressing too in freeCodeCamp

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zti9jriqqrr8u5r5jffv.png)
Performance Testing - What? Why? How? When? (with Ddosify Examples)
Tags: testing, devops, webdev, opensource
Published: 2023-05-29 16:16:29

Performance Testing - What? Why? How? When? (with Ddosify Examples)

More: https://github.com/ddosify/ddosify

{% embed https://www.youtube.com/watch?v=AhZ3YStdaQs&ab_channel=DevOpsToolkit %}
Netflix UI Clone
Tags: netflix, react, javascript, css
Published: 2023-05-29 16:11:35

You can see the Demo from here 👇
https://netflix-clone-soumyajitpan.vercel.app


For this project, I have used these libraries,
▶️ React JS
▶️ Firestore Database
▶️ Styled-Components for styling


Presentation Video
{% embed https://youtu.be/f84b5AKHrTs %}

**Signup Page**
![Signup Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ayz3iyozq673h7kxxktg.PNG)

**Signin Page**
![Signin Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69wrmke8220m1e417k6v.PNG)

**Home Page**
![Home Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qgl5etcxbpooi60k6ad.PNG)

**Movie Page**
![Movie Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a9lg5inv3ksbmuy81djt.PNG)

**My List Page**
![My List Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/il736xxswrw4q92yjbl9.PNG)

**Video Player**
![Video Player](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kmxu6jq93j75l00d0tlm.PNG)

**Video Options**
![Video Options](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/trrubjnodlkv6p66qq99.PNG)

**Video Picture In Picture Mode**
![Video Picture in picture mode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ulbm6ial2rkdj0vkkhys.PNG)

Any suggestions are welcomed!
**Thanks For Reading**😄
CI - Countinous Integration
Tags: osdc, github, ci
Published: 2023-05-29 16:11:22

- In the lesson we have learned how to create actions 
  in file .github/workflows
- The porpos is that when we push PR into github 
  We want to have some checks on it
- We have learned about local environment that we can use in the 
  action
  and about Matrix that uses Dynamic variables
  we also saw an exaples of the action in run time
- It is done by creating a YAML with some action in it
- An example of YAML file:
 
```
name: Python

on: push

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v3

    - name: Setup Python
      uses: actions/setup-python@v2

    - name: Install dependencies
      run: pip install -r requirements.txt

    - name: Check Python version
      run: python -V

    - name: Test with pytest
      run: pytest
```
I created CI for project name xpath-filter
[The PR for Adding the CI](https://github.com/CarlosAdp/xpath-filter/pull/1)
💎 🚀🦈 Deployer Rails 7 sur un Droplet Digital Ocean
Published: 2023-05-29 15:38:22

## Création d'un Droplet
Se rendre ici: https://cloud.digitalocean.com/droplets/new?i=c8faa3&region=fra1&size=s-4vcpu-8gb-amd

Ne rien toucher sauf qu'il faut config le SSh de preference

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



## Se connecter en SSH au Droplet

```bash
ssh root@1.2.3.4
```

## Installation des dépendances qu'il faut

```bash
apt install build-essential curl g++ gcc autoconf automake bison libc6-dev libffi-dev libgdbm-dev libncurses5-dev libsqlite3-dev libtool libyaml-dev make pkg-config sqlite3 zlib1g-dev libgmp-dev libreadline-dev libssl-dev


asdf install ruby 3.2.2
asdf global ruby 3.2.2

$SHELL

gem update --system

gem intsall rails

```
ElectronJs How to minimize/close window to system tray or in the background
Tags: webdev, javascript, programming, web
Published: 2023-05-29 15:36:16

Closing apps in the system tray or taskbar is a common practice to manage computer resources and improve system performance. In this article let us look at how we can set it up on our electron projects.

Full Article On How We Can Achieve this: https://brojenuel.com/blog/ElectronJs-How-to-minimize-close-window-to-system-tray-or-in-the-background
self-introduction
Tags: introduce, career, programming
Published: 2023-05-29 15:34:46

## About

Hi, I'm Rei from Japan!
I'm a student of web development in Canada and a freelance developer.
I have 5+ years of experience as a web developer.
It's my first time writing a blog, so very exciting!

Please check my portfolio site:)
[Portfolio No.1](https://rei-portfolio-3d.netlify.app/)
[Portfolio No.2](https://rei-portfolio.netlify.app/)

## Career

After graduate University, I joined an e-learning company as a full-stack developer.
I've experienced all of the processes, from planning to deployment and maintenance.
And also the project manager of a new service project.

But I'd like to study English and work in a foreign country, so I'm just learning Web development and English in Canada!

## Skills

languages: 
C#, Java, JavaScript, TypeScript

frameworks: 
Next.js, ASP.NET

Database management: 
MySQL, PostgreSQL, MongoDB

Other technologies: 
AWS, Docker

## Favorite

I'm fishing crazy!
To catch the unique fish, I've been to all over the world.
I went amazon river, the Arctic and so on.

And also Anime:)

## What I would like to do in the future

My dream is to become a developer who can work in any country.
So, first of all, I'm trying to work in Canada!
Please contact me anytime as I am seeking employment!

I will do my best to live a life where I can enjoy my hobbies and work 100%!
Thank you very much in advance.
Express file-based routing like Next.js
Tags: express, javascript, node, nextjs
Published: 2023-05-29 15:30:09

File-based routing is a popular approach to mapping route handlers to their corresponding publicly-available URL endpoints. You might be quite familiar with it thanks to modern JavaScript frameworks like Next.js.

With the [`express-file-routing`](https://github.com/matthiaaas/express-file-routing) package, you can leverage that routing solution for your own Express.js projects and ditch writing a lot of controller boilerplate code.

```ts
// routes/users.ts
export const get = async (req, res) => {
  const users = db.users.findMany()
  return res.json(users)
}
```

Your project's file structure might look like the following:

```php
├── app.ts // main file
├── routes
    ├── index.ts // index routes
    ├── posts
        ├── index.ts
        └── [slug].ts // dynamic params
    └── users.ts
└── package.json
```

`express-file-routing` will transform all of your files inside `/routes` into valid paths.

- `/routes/index.ts` → /
- `/routes/posts/index.ts` → /posts
- `/routes/posts/[id].ts` → /posts/:id
- `/routes/users.ts` → /users

## How to use Express file routing

This is quite of a straightforward process. Even though this post is more of an intro rather than a tutorial on how to use [`express-file-routing`](https://github.com/matthiaaas/express-file-routing), here's a quick start.

All you need to do is to install `express-file-routing` from npm.

```
npm install express-file-routing
```

In your main entry file, create an Express app instance and attach the file router.

```ts
// app.ts
import express from "express"
import { router } from "express-file-routing"

const app = express()

app.use("/", await router())

app.listen(4000)
```

You're already done!

Enqueuing new routes from now on is as easy as creating a file in `/routes` and exporting your HTTP method handlers.

```ts
// routes/posts/index.ts → /posts
export const get = async (req, res) => {
    return res.json([])
}

export const post = [
  async (req, res) => {
    const post = await db.post.create()
    return res.status(201).json(post)
  }
]
```

Even middlewares are supported by exporting an array of request handlers instead of a single one.

```ts
// routes/users.ts
export const post = [
  userAuth(),
  rateLimit({ window: 10 }), 
  async (req, res) => {
    return res.status(201).json({})
  }
]
```

For detailed docs check out https://github.com/matthiaaas/express-file-routing.
Hiring
Published: 2023-05-29 15:25:52

Are you ready to take your freelancing career to the next level? Join our dynamic team and unlock endless opportunities for growth and success. With our collaborative environment and diverse projects, you'll have the chance to expand your skills and thrive professionally. Join us today and become part of a supportive community that values your talent and fosters your development. Fill the form now to seize this exciting opportunity!

Link to join : https://forms.office.com/r/kz2ZmBJKcm

Hiring(Indian only) for :

- Frontend Developer + UI/UX
- Backend Developer + Cloud Knowledge (Optional)
- Graphics Designer
- Social Media Manager + Leads Generation
- Brand Marketing Manager
- 3D Artist (Product)
#AI – Using 🎙️ Podcast Copilot to learn Prompt Engineering, Azure OpenAI Services and more
Tags: englishpost, azureopenai, githubcopilot
Published: 2023-06-01 18:42:04

---
title: #AI – Using 🎙️ Podcast Copilot to learn Prompt Engineering, Azure OpenAI Services and more
published: true
date: 2023-05-29 15:07:49 UTC
tags: EnglishPost,AzureOpenAI,Copilot,EnglishPost
canonical_url: 
---

Hi!

Last week during Build 2023, there were several amazing announcements. I really liked Kevin Scott (CTO and Executive VP of AI) “The era of the AI Copilot.”

<iframe width="750" height="422" src="https://www.youtube.com/embed/FyY0fEO5jVY?version=3&amp;rel=1&amp;showsearch=0&amp;showinfo=1&amp;iv_load_policy=1&amp;fs=1&amp;hl=en&amp;autohide=2&amp;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe>

Kevin discusses the remarkable advancements in AI and its profound impact worldwide. The focus on AI model applications and the Azure platform is truly awe-inspiring. The possibilities are endless!

As I watched the video, my mind was buzzing with ideas for my own podcast, “No Tiene Nombre.” And guess what? I am going to experiment with the Podcast Copilot feature discussed in the presentation.

The main repo for this is available here:

[https://github.com/microsoft/podcastcopilot](https://github.com/microsoft/podcastcopilot)

And hey, the full process is amazing (more info in the repo):

- Given the podcast audio file, the Whisper model performs speech-to-text to generate a transcript of the podcast.
- Given this transcript, the Dolly 2 model extracts the name of the guest on the podcast.
- Given the guest name, the Bing Search Grounding API retrieves a bio for the guest from the internet.
- Given the transcript and guest’s bio, the GPT-4 model generates a social media post promoting the podcast episode.
- Given the social media post, we use GPT-4 to create a relevant DALL-E prompt.
- Given that DALL-E prompt, the DALL-E model generates a corresponding image for the post.
- Finally, the user has an opportunity to review the content before posting, and if approved, a LinkedIn plugin will post the social media copy and image to LinkedIn.

## 🤔 Will it work in a Spanish Podcast? And next steps.

So, [No Tiene Nombre](https://go.ivoox.com/sq/277993) is in Spanish. Will the Copilot be able to handle it?” My guess is yes, now it’s time to test it.

Also, I don’t have access to GPT-4 for personal projects (yet), so this will be a nice exercise on how to make this work using GPT-3.5 and, removing the image generation step.

As I’m working on this, I’ll be sharing my experience.

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

More info in [https://beacons.ai/elbruno](https://beacons.ai/elbruno)

* * *
[Tiny] Trailing commas in Java
Tags: java, tiny
Published: 2023-05-29 15:04:43

As you may already know, Kotlin (and many other programming languages) has a nice feature called [trailing comma](https://kotlinlang.org/docs/coding-conventions.html#trailing-commas). This is a comma symbol after the last item of a series of elements. 

But do you know that Java supports trailing commas too? The support is very limited but still worth noting.

You can use trailing commas in two cases:

- Array initialisers:
```java
int[] answers = new int[]{
        42,
        7 * 6,
        14 * 3,
        21 * 2,
        7 * 3 * 2, // trailing comma
};
```
- Enums:
```java
enum Answer {
    YES,
    NO,
    MAYBE,
    FORTY_TWO, // trailing comma
}
```

---

*Dream your code, code your dream.*