teleren/devto huggingface dataset:
Fast Connect - Make a fast video call without registration
Tags: react, typescript, javascript, webdev
Published: 2022-06-07 10:20:26

## COVID-19 Changed the world...

Since the year 2020 world is different. The majority of people change the way of workflow from Office to Remote mode.
We are required to use different enterprise applications to create communication between each other.
Each of them has its own advantages, but in most cases, you have to register or download the application to use it.
Besides, you have to pay for "Premium" accounts sometimes if you want to have extra options.
Moreover, in some countries, you can not use that popular software, because they have been blocked.

### So this is the time when Fast Connect comes around...
By using our application you **DO NOT NEED** to download anything to your device or pay for anything.
You can create a new conference and use all features for **ABSOLUTELY FREE** and without registration ;)

All you have to do is to take 2 steps:

1. Create a unique ID for the conference, send it to all your colleagues.
2. Enter that ID on the homepage and start your conference. 


[Github](https://github.com/huseyn0w/Fast-Connect)

[Demo](https://serene-refuge-81999.herokuapp.com)

[My Linkedin profile](https://www.linkedin.com/in/huseyn0w/)

Application features:

* No registration and NO "PREMIUM" accounts
* Realtime video/audio conference with unlimited number of users
* Different rooms creating an option for conversations
* Chat for sending messages
* Screen Sharing option

Technologies that used in the creation of this app:

* React JS
* TypeScript
* Material UI
* Node / Express js
* Socket IO
* Peer JS

Like it ? Please star the project and share in return ;)
Insurance agency website template to showcase your 99% valuable policies | Insurancy
Tags: product, codenewbie, webdev, tutorial
Published: 2022-06-07 09:48:47

Hello dear curious reader, I am [atul](https://atulcodex.com/about-me/) creator of **_Insurancy_**. I have developed this free insurance agency website template for those startups who spend $$$$ for making websites for their small business.

Wait, If you are thinking why I am doing this for free(am I stupid) 😆🤭. So let me clear these doubts actually, I am just sharpening my Web Development skills.

And I have been a website developer since 2018 so I can develop websites and the design is taken from [Themeisle](https://themeisle.com/about-us/). because I haven’t learned web designing yet.

The theme is 100% Open Sourced too, you can make changes according to your requirements. link is given belove.

{% github https://github.com/atulcodex/Insurancy %}

### Insurancy template description

![Insurance-agency-website-template-Insurancy-by-atulcodex](https://atulcodex.com/wp-content/uploads/2022/06/Insurance-agency-website-template-Insurancy-by-atulcodex-1024x576.png)

[Insurancy](https://atulcodex.com/insurance-agency-website-template-insurancy/) is a sharp Insurance agency website template based on HTML CSS and JavaScript specially designed for insurance companies, insurance agencies and startup agencies.

The comes with a minimalist look and feels like how a professional insurance agency website looks.

Fully customizable and without any framework and library so anyone makes changes and customization.

## Features

- Full demo & without click installation
- Core languages (HTML, CSS & JS)
- No frameworks and libraries
- Well commented codes
- 7 pages website
- HTML5 validated
- Compatible with every modern browsers
- Best for SEO
- 951ms Fully Loaded Time
- Structural Schema ready
- Ionicons icon used
- Google Web Fonts
- Stylist Blog Page
- Easy to customize and user friendly


## [Live Demo](https://insurancy-atulcodex.netlify.app/)

## [Download Now](https://imojo.in/1PR3OdM)
Why I always "advocate" for typescript 😊
Tags: melbite, webdev, javascript, tutorial
Published: 2022-06-07 09:23:38

Hello world, 😊
Did you check out my typescript [todo-list-app](https://melbite.com/melbite/JqTOuoP1GofWNuT5Vfaa)

### Why I prefer typescript

Checking a specific value's type at runtime is the primary function of type guards. This helps the TypeScript compiler, which then uses the information to become more predictive about the types.

I was creating this very platform [melbite.com] (https://melbite.com) CRUD operations, as usual we have to pass **Props** when using react. My props consisted of Numbers, Strings and even Boolean and I was running out of time.

### How I Fixed it.
Take an example below, you have **update user profile** component,

``` javascript
<UpdateProfile />
```
And you want to pass props like `username` & `age`, you first have to define your interface props like this,
```javascript
interface UserData {
username: string,
age: number
}
```
Then your `<UpdateProfile/>` component should me looking like this,
```javascript
const UpdateProfile: FC = (props): JSX.Element => {
  <>
   
  </>
};
``` 
Then pass your props like this,
```javascript 
const UpdateProfile: FC = (props): JSX.Element => {
  <>
    {props.username}
    {props.age}
  </>
};
```
### Recap
Passing props with Javascript might cause unnecessary bugs in your application.
I would advocate every developer to try typescript 😊

You can check out my typescript [todo-list-app](https://melbite.com/melbite/JqTOuoP1GofWNuT5Vfaa)

And say 👋 if you find this helpful and my site attractive 😊 https://melbite.com

Article originally published at [melbite.com/why-i-always-advocate-for-typescript](https://melbite.com/melbite/lLiQiEb5swkGsGMCBXYr)
[0/30] 30 days of Python learning
Tags: python, renewable, energy, englishlearning
Published: 2022-06-07 09:14:18

## About me
Hello everyone, This is Tony from Vietnam, as an electrical engineer, I passion about technology special in renewable energy and automation. I want to improve myself by writing a technical blog and self-study coding so I decided to write the first blog on a public platform to reflect on myself. I have known that many kindness experts around the world are willing to help me correct my words.

## What things do I want to learn and why?

- **English skills**: of course, English is a powerful tool that helps us learn anything in the world. I decided to learn from write down anything I know in English, so I think that writing blogs will teach me how to think in English and practically write natural sentences through blogging. Fortunately, today I have Grammarly already fixed my paragraphs.

- **Python programming**: nowadays, Python become an essential programming language because of its characteristics such as ease to learn, script type, cross-platform, a wide range of application fields, and more..,

## Where do I learn Python?
- I choose Linkedin Learning, an online platform for free or paid
- Youtube: 
{% embed https://www.youtube.com/watch?v=_uQrJ0TkZlc&list=PLTjRvDozrdlxj5wgH4qkvwSOdHLOCx10f %}

**Thanks for your time**
Passwordless Authentication with React and MojoAuth
Tags: passwordless, authentication, react, javascript
Published: 2022-11-01 06:46:37

---
title: Passwordless Authentication with React and MojoAuth
published: true
date: 2022-06-07 09:11:23 UTC
tags: passwordless, authentication, react, js
canonical_url: https://mojoauth.com/blog/passwordless-authentication-with-react-and-mojoauth/
---

Learn how to set up a Passwordless Authentication in React JS using MojoAuth. We will be building a React application with passwordless authentication using MojoAuth Web SDK. We will learn the benefits of using passwordless over traditional login setup and how it can provide better security than the latter. What is Passwordless Authentication Passwordless Authentication, as the name suggests, is a way of authenticating your users without the need for passwords.

[Read On](https://mojoauth.com/blog/passwordless-authentication-with-react-and-mojoauth/)
Search by Category followed by Subcategory
Tags: javascript, webdev
Published: 2022-06-07 08:55:36

**How to :** 
Basically my theme is to search images based on categories and sub categories - 
**Detail :** 

1. user first select category

2. user then select subcategory

3. user then search item based on selected category and subcategory

> all in all now i want to retrieve images from api or from database in the DOM
JavaScript Crash Notes
Tags: javascript, webdev, tutorial
Published: 2022-06-07 05:26:06

            
**Datatypes:**
Number type, String type, Boolean type

**innerText** = Take all the text inside an element.
**innerHTML** = Takes all the text and child element.

**Onclick**

`<button id="increment-btn" onclick="increment()">Increment</button>`

**Why === instead of == ?**
eg 100 == "100" - double equal ignores the fact that one is number and other is string and return the value to True. === strictly checks it, if both the values are of diff data types, then === wont return it to true.

**querySelector** - with this we can select element by its id or class or by the element name.
ed: document.querySelector("#id")

**Array**
featuredPost.length - length property will return length of an array.
cards.push(6) - push method pushes a value to the array.
To acces a value in an array = arrayName.keyName

**JS Random number:**
` let randomNumber =  Math.floor(Math.random()*13) + 1`

**Event Listner**
`inputBtn.addEventListner("click", function(){
  console.log(".......")
})`

**const** - cannot be reassigned
if we want to reassign use let, else use const.

**creating element**
` ulEl.innerHTML += "<li>" + myLeads[i] + "</li>"`
`    const li = document.createElement("li")
    li.textContent = myLeads[i]
    ulEl.append(li)`

`<a href='" + myLeads[i] + "'>" + myLeads[i] + "</a>`
 This is how to put a link inside a in innerhtml purpose.

**Template strings-**
eg: `myName = `{$variable}``

**LOCAL STORAGE : -**
`localStorage.setItem("names", "MY LOVE")`
`console.log(localStorage.getItem("names"))`
localStorage.clear()

**To convert it to string and to convert it to js object.**

```
myLeads = JSON.parse(myLeads)
myLeads.push("ajith")
console.log(myLeads)
myLeads = JSON.stringify(myLeads)
console.log(typeof myLeads)
```

**Falsy value JS:**
false
0
""
null = how we as a developer signalizes emptiness
undefined = how js signalizes emptiness
NaN

In JavaScript, undefined is a type, whereas null an object. In undefined a  variable declared, but no value has been assigned. Whereas, null in JavaScript is an assignment value. You can assign it to a variable.
Must Do Coding Questions for Companies like Amazon, Microsoft, Adobe, …
Tags: php, python, beginners, tutorial
Published: 2022-06-07 08:53:55

As the placement season is back so are we to help you ace the interview. We have selected some most commonly asked and must do practice problems for you.

You can also take part in our mock placement contests which will help you learn different topics and practice at the same time, simulating the feeling of a real placement test environment.

Note : Now you can track your progress of these questions Must Do Interview Preparation Course.

Preparing for Product-Based Companies ? Check Out Must Do Coding Questions for Product Based Companies

Topic :

Arrays
String
Linked List
Stack and Queue
Tree and BST
Heap
Recursion
Hashing
Graph
Greedy
Dynamic Programming
Divide and Conquer
Backtracking
Bit Magic
Bulls and Cows
Tags: leetcode, dsa, theabbie
Published: 2022-06-07 08:30:43

You are playing the **[Bulls and Cows](https://en.wikipedia.org/wiki/Bulls_and_Cows)** game with your friend.

You write down a secret number and ask your friend to guess what the number is. When your friend makes a guess, you provide a hint with the following info:

*   The number of "bulls", which are digits in the guess that are in the correct position.
*   The number of "cows", which are digits in the guess that are in your secret number but are located in the wrong position. Specifically, the non-bull digits in the guess that could be rearranged such that they become bulls.

Given the secret number `secret` and your friend's guess `guess`, return _the hint for your friend's guess_.

The hint should be formatted as `"xAyB"`, where `x` is the number of bulls and `y` is the number of cows. Note that both `secret` and `guess` may contain duplicate digits.

**Example 1:**

**Input:** secret = "1807", guess = "7810"
**Output:** "1A3B"
**Explanation:** Bulls are connected with a '|' and cows are underlined:
"1807"
  |
"7810"

**Example 2:**

**Input:** secret = "1123", guess = "0111"
**Output:** "1A1B"
**Explanation:** Bulls are connected with a '|' and cows are underlined:
"1123"        "1123"
  |      or     |
"0111"        "0111"
Note that only one of the two unmatched 1s is counted as a cow since the non-bull digits can only be rearranged to allow one 1 to be a bull.

**Constraints:**

*   `1 <= secret.length, guess.length <= 1000`
*   `secret.length == guess.length`
*   `secret` and `guess` consist of digits only.

**SOLUTION:**

    class Solution:
        def getHint(self, secret: str, guess: str) -> str:
            n = len(secret)
            unused = {}
            bulls = 0
            cows = 0
            for i in range(n):
                if secret[i] == guess[i]:
                    bulls += 1
                else:
                    unused[secret[i]] = unused.get(secret[i], 0) + 1
            for i in range(n):
                if secret[i] != guess[i]:
                    if guess[i] in unused:
                        cows += 1
                        unused[guess[i]] -= 1
                        if unused[guess[i]] == 0:
                            del unused[guess[i]]
            return "{}A{}B".format(bulls, cows)
Aotuverse||P2E gaming on Solana
Published: 2022-06-07 08:19:47

The second most popular anime franchise in China, AOTU is coming to the blockchain. As the first anime-themed game with an existing multi-million person fan base.

Compete to win the “Aotu Tournament” and achieve divinity, contestants will have the opportunity to collect exclusive NFT Characters/in-game items and take advantage of advanced play-to-earn mechanics that reward skilled gameplay.

💎 Doxxed and experienced Team with years of experience in gaming/blockchain industry
💎 Fully-playable game in China **(Coming soon on Google Play/Apple Store) **
💎 Our game has over 2 years of operation, 15 million+ downloads and 140,000+ daily active users
💎 #1 Anime IP in Blockchain gaming with 30M+ fans worldwide

Coming soon to Solana with collection size of 1888 NFTs at 2.5 Sol each. Minting on June 15th
The Best New Way To Cache API Responses with Angular & RxJs
Tags: angular, reactiveprogramming, rxjs, frontend
Published: 2022-06-07 10:36:30

---
title: The Best New Way To Cache API Responses with Angular & RxJs
published: true
date: 2022-06-07 08:03:03 UTC
tags: angular,reactiveprogramming,rxjs,frontend
canonical_url: https://tomastrajan.medium.com/the-best-new-way-to-cache-api-responses-with-angular-rxjs-5cbc05d12f10
---

[![](https://cdn-images-1.medium.com/max/2600/1*0aOMHdVnQnSvC5BQVhB5Pg.jpeg)](https://tomastrajan.medium.com/the-best-new-way-to-cache-api-responses-with-angular-rxjs-5cbc05d12f10?source=rss-360cd444e1fc------2)

Let’s learn the best new way to implement time based caching for the API responses (or any other) RxJs streams in our Angular applications!

[Continue reading on Medium »](https://tomastrajan.medium.com/the-best-new-way-to-cache-api-responses-with-angular-rxjs-5cbc05d12f10?source=rss-360cd444e1fc------2)
#1.Basic algorithms problems for frontend developers.
Tags: javascript, react, node, frontend
Published: 2022-06-07 08:02:31

There are many many ways to solve the below algorithims but I am just using the more readable ones.I will share 1 algorithm per each post to allow sufficient engagement.If you have any other solution you can always post the in the comments section.

1.Reverse a string without using revers() JavaScript method.

```
const str = 'Hello world';

const reversString = string => {
  // first - create a new helper string
  let stringReversed = '';

  // second - split the string to get an array from it
  const arrFromString = string.split('');

  // third - loop trough the array
  for (let el of arrFromString) {
    /* forth add each letter from the array 
  in front of the empty helper sting*/
    stringReversed = el + stringReversed;
  }
  // fifth - return the new reversed string
  return stringReversed;
};```
Salesforce objects in Kotlin under 5 minutes
Tags: salesforce, backend, kotlin, java
Published: 2022-06-07 08:01:38

[salesforce.codegen.link](https://salesforce.codegen.link/)

**WHAT IT DOES?**
Generates Salesforce object classes in Kotlin code so you don't have to write them all manually.

**HOW?**
- you **grant permissions** to the site to your salesforce objects
- then site can **load salesforce objects** in a list
- you **select** those **objects** that you need for your use-case
- when you are done, you proceed to the **next button** which **loads fields** of selected objects
- all this is done in the context of the website, from your browser, it works similar as Postman. You can even inspect all api calls. By clicking **generate button**, your selected objects and fields are passed to the backend which **generates the code** and in few milliseconds it's printed on your site
- as a bonus, I'm also providing simple rest api client so you can load data of your objects but so far it's not the main objective of this site.

Easy, huh?

**FUTURE?**
- add cookies so you stay logged-in after you refresh the page
- option to pass gist token so the generated code is stored under your GitHub account
- login so your preferred settings are stored between sessions
- Gradle/Maven integration so you can run it from command/pipeline and generate/update objects code whenever needed.

**DOUBTS?**
When you are not logged-in, I added mocked data so you can first load those and try the functionality before granting the access.
Or you can create [free developer account](https://developer.salesforce.com/signup) and try that one.
Bellow I recorded video on how to use CodeGen and how to implement generated code into your project.

DEMO
{% embed https://www.youtube.com/embed/9Dw-mntksoM %}

Let me know in the comments what you think.
A Fun Programming Joke To Start Your Day
Tags: jokes, dailydeveloperjokes
Published: 2022-06-07 08:00:14

---
title: "A Fun Programming Joke To Start Your Day"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12593b1b51e.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
A programmer was arrested for writing unreadable code. They refused to comment.
 -->
react-native: upload image
Tags: reactnative
Published: 2022-06-07 07:45:09


## Required
```json
{
    "dependency": {
        "axios": "0.21", // use this version, the newer version will raise error: multiplepart boundary not found
    }

}

```

## API Service

```js
import {axios} from "axios";
import {Platform} from 'react-native';
export const uploadImageService = {
  // imageUri = "file:///data/user/0/com.company.appname/cache/Camera/58ba8e1b-49cd-4d72-ab01-cf146cc9b69f.jpg"
  uploadImage: async (imageUri: string) => {
    try {
      const url = 'hptt://localhost:3000/upload';
      var photo = {
        name: imageUri.split('/').pop(),
        type: 'image/jpg',
        uri: Platform.OS === 'ios' ? imageUri.replace('file://', '') : imageUri,
      };
      const formData: FormData = new FormData();
      formData.append('file', photo);

      const response = await axios({
        url: url,
        method: 'POST',
        headers: {
          accept: 'application/json',
          'Content-Type': 'multipart/form-data',
        },
        data: formData,
      });

      const json = await response.data;

      console.log('json', json);

      return json.data.link;
    } catch (error) {
      console.log(error);
    }
  },
};
```
Minimum Number of Operations to Move All Balls to Each Box
Tags: leetcode, dsa, theabbie
Published: 2022-06-07 07:30:40

You have `n` boxes. You are given a binary string `boxes` of length `n`, where `boxes[i]` is `'0'` if the `ith` box is **empty**, and `'1'` if it contains **one** ball.

In one operation, you can move **one** ball from a box to an adjacent box. Box `i` is adjacent to box `j` if `abs(i - j) == 1`. Note that after doing so, there may be more than one ball in some boxes.

Return an array `answer` of size `n`, where `answer[i]` is the **minimum** number of operations needed to move all the balls to the `ith` box.

Each `answer[i]` is calculated considering the **initial** state of the boxes.

**Example 1:**

**Input:** boxes = "110"
**Output:** \[1,1,3\]
**Explanation:** The answer for each box is as follows:
1) First box: you will have to move one ball from the second box to the first box in one operation.
2) Second box: you will have to move one ball from the first box to the second box in one operation.
3) Third box: you will have to move one ball from the first box to the third box in two operations, and move one ball from the second box to the third box in one operation.

**Example 2:**

**Input:** boxes = "001011"
**Output:** \[11,8,5,4,3,4\]

**Constraints:**

*   `n == boxes.length`
*   `1 <= n <= 2000`
*   `boxes[i]` is either `'0'` or `'1'`.

**SOLUTION:**

    class Solution:
        def minOperations(self, boxes: str) -> List[int]:
            n = len(boxes)
            pos = []
            for i in range(n):
                if boxes[i] == "1":
                    pos.append(i)
            return [sum([abs(p - i) for p in pos]) for i in range(n)]
Jr. Dev: Do not give up
Tags: beginners, career, codenewbie, devjournal
Published: 2022-06-07 07:29:55

#<h1> Hola Mundo! </h1>
<Enter>
Lately I've been thinking how since I started doing code I've learnt how to be a little bit less harsh on myself and to manage frustration 😖 in a better way.

And trust me, I've wanted to give up a couple times: because my brain was just dead 🧠💣, because I was frustrated or because I thought I couldn't do it...BUT I'm happy I didn't and for so I want to share experiences that turned out pretty good and that actually lead me to amazing results and opportunities 💫.

The stories are kinda long so I decided to make a little series to share them. Also I thought that I could make a jumpstart and list some reasons to try and convince you to not give up, just in case you want some tips and save yourself from the rambling 🤐. 

I'll be linking everything in a little index so, if you really want to see those stories I'll link them down below, go grab some popcorns 🍿 and take a look to them. 

PD: I would love to hear your stories, Jrs. Unite ✊🏽! We are not alone, and I'm sure someone could also learn from your experiences and as for myself I would love to read them 🤍

___

###Contents
- [3 reasons why you should not give up - and one to do it](https://dev.to/silviaespanagil/3-reasons-why-you-should-not-give-up-and-one-for-doing-it-3jbl) 
- [That time I couldn't finish a tech challenge](https://dev.to/silviaespanagil/that-time-i-could-not-finish-a-tech-challenge-4eod)
- [That time I almost quit a Hackathon](https://dev.to/silviaespanagil/that-time-i-almost-quit-a-hackathon-3and)

___