teleren/devto huggingface dataset:
Automate new project creation
Tags: vue, vite
Published: 2023-07-22 09:59:07

I want to set up new Vue proejcts with my personal configuration with just one command. I am looking for something like

``` bash
function vc() {
npm create vue@3 -y --project-name=myapp --ts=yes --jsx=no #etc
}

```

How can I do that? So far I have tried `spawn` and `expect` but it doesn't work.
Where is RouteServiceProvider code in Laravel codes?
Tags: php, laravel, beginners
Published: 2023-07-22 09:49:12



 So.. while reading [Laravel documentation](https://laravel.com/docs/10.x/lifecycle), did you wonder the same? if yes, here you go:
 The RouteServiceProvider code in Laravel is located in the `app/Providers/RouteServiceProvider.php` file. This file is responsible for registering the application's routes and middleware. It also defines the default namespace for controller routes.

## How to find the RouteServiceProvider code

To find the RouteServiceProvider code in your Laravel project,navigate to `app`/`Providers`/ and open `RouteServiceProvider.php` file.

but you need more help so...

## The RouteServiceProvider code

The RouteServiceProvider code is divided into two main sections:

* The `boot()` method: This method registers the application's routes and middleware.
* The `map()` method: This method defines the default namespace for controller routes.

### The `boot()` method

The `boot()` method uses the `Route` facade to register the application's routes. The `Route` facade provides a number of methods for registering routes, including:

* `get()`: Registers a GET route.
* `post()`: Registers a POST route.
* `put()`: Registers a PUT route.
* `delete()`: Registers a DELETE route.

### The `map()` method

The `map()` method defines the default namespace for controller routes. The default namespace is the namespace that is used to prefix controller route declarations. For example, if the default namespace is `App\Http\Controllers`, then the following route declaration would route requests to the `HomeController` class:

```php
Route::get('/', 'HomeController@index');
```


## The `RouteServiceProvider` code is a critical part of the Laravel framework.

It is responsible for registering the application's routes and middleware, and it also defines the default namespace for controller routes.
WhatsApp Web Scraper - Find and Export Contacts!
Tags: refinehackathon
Published: 2023-07-22 09:42:27

## What I built 
I created a powerful Python script that allows you to extract contacts from WhatsApp groups using WhatsApp Web. This automated scraper simplifies the process of finding and exporting contacts, saving you valuable time and effort.

### Category Submission: 
Data Automation, Web Scraping, Python

### App Link
https://github.com/jamshaidtahiri/Whatsapp-Group-Contacts-Scrapper

### Description 
The WhatsApp Web Scraper leverages Selenium and the Chrome WebDriver to streamline the contact extraction process from WhatsApp groups. It prompts users to input search queries for targeted results and exports them as CSV files for easy organization

### Link to Source Code 
https://github.com/jamshaidtahiri/Whatsapp-Group-Contacts-Scrapper

### Permissive License 
MIT License

## Background (What made you decide to build this particular app? What inspired you?)
WhatsApp Web is a popular platform, and I noticed the need for a convenient way to extract contacts from groups. Inspired to simplify this process for users, I decided to build the WhatsApp Web Scraper to enhance their experience and productivity. 

### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 
I utilized Python and Selenium to create the script. Along the way, I refined the scraping process, improving the user interface and ensuring privacy protection by utilizing existing WhatsApp Web sessions.

### Additional Resources/Info
Connect with me on LinkedIn for more updates and projects!

Start streamlining your WhatsApp Web experience now! Download the WhatsApp Web Scraper and discover its efficiency! 🚀

#WebScraping #DataAutomation #Python #WhatsAppWebScraper #OpenSource #GitHub
Why is my auth not persisted in local storage when trying to useNavigate after successful login?
Published: 2023-07-22 09:38:09

Hi guys, 

I really need some help here from someone more experienced with React :) 

Currently I am refactoring the auth on a newly created strapi/react web app. I posted all the details here: https://stackoverflow.com/questions/76743137/why-is-my-auth-not-persisted-in-local-storage-when-trying-to-usenavigate-after-s

Some help would be much, much appreciated!

Cheers,
Max
Crossover SUV Review
Tags: chatgpt
Published: 2023-07-22 09:30:21

A [crossover SUV](https://futurecarsreport.com/), often simply referred to as a "crossover," is a type of vehicle that blends the features of a traditional SUV (Sports Utility Vehicle) with those of a passenger car or a hatchback. Crossovers are designed to offer the best of both worlds, combining the higher driving position, spaciousness, and versatility of an SUV with the comfort, handling, and fuel efficiency of a car.

Key features of a crossover SUV include:

## 1. Platform

Crossovers are built on a unibody platform, similar to that of a car, rather than a body-on-frame platform used in traditional SUVs. This construction contributes to a smoother ride and improved handling.

## 2. Size

Crossovers typically come in various sizes, ranging from compact to midsize and larger options. This variety allows buyers to choose a model that best suits their needs and preferences.

## 3. All-Wheel Drive (AWD) or Four-Wheel Drive (4WD) Options

Many crossover models offer AWD or 4WD systems, enhancing traction and stability, especially in adverse weather conditions or light off-road use.

## 4. Fuel Efficiency

Compared to full-size SUVs, crossovers generally provide better fuel efficiency due to their lighter weight and more aerodynamic designs.

## 5. Passenger and Cargo Space

Crossovers often have ample interior space, including multiple seating rows, making them suitable for families and accommodating passengers comfortably. Additionally, they usually have a decent cargo capacity, with the option to fold down the rear seats for additional storage space.

## 6. Ride Comfort

Crossovers prioritize a smooth and comfortable ride for passengers, making them a popular choice for daily commuting and long road trips.

## 7. Ground Clearance

While not as high as traditional SUVs, crossovers generally offer more ground clearance than typical cars, which can be advantageous on rough or uneven terrain.

Crossovers have gained popularity over the years due to their versatility, practicality, and ease of driving. They have become a dominant segment in the automotive market, appealing to a broad range of consumers with diverse transportation needs.
How to JSON in MySQL
Tags: mysql, json
Published: 2023-07-22 09:00:00

---
title: How to JSON in MySQL
published: true
date: 2023-07-22 09:00 UTC
tags: mysql,json
canonical_url: https://ftisiot.net/mysqljson/main/
---

This series covers how to solve common problems on JSON datasets with MySQL and it includes (links will appear once the target pages are up):

### Common JSON questions

* [How to load JSON data in MySQL?](https://ftisiot.net/mysqljson/how-to-load-json-mysql)

### Parse JSON

* [How to extract a field from a JSON object in MySQL?](https://ftisiot.net/mysqljson/how-to-extract-field-from-json-mysql)
* [How to extract an item from an array in a JSON object in MySQL?](https://ftisiot.net/mysqljson/how-to-extract-field-from-array-json-mysql)
* [How to get the JSON field types in MySQL?](https://ftisiot.net/mysqljson/how-to-get-json-field-types-mysql)

### Create JSON

* [How to create a JSON document from fields in MySQL?](https://ftisiot.net/mysqljson/how-to-create-JSON-document-from-fields-mysql)

### Tabulate JSON

* [How to tabulate a JSON document in MySQL?](https://ftisiot.net/mysqljson/how-to-tabulate-JSON-document-mysql)

### Edit JSON

* [How to merge JSON documents in MySQL?](https://ftisiot.net/mysqljson/how-to-merge-JSON-documents-mysql)
* [How to edit a JSON document in MySQL?](https://ftisiot.net/mysqljson/how-to-edit-JSON-document-mysql)
* [How to insert a field in a JSON document in MySQL?](https://ftisiot.net/mysqljson/how-to-insert-field-JSON-document-mysql)

👉 If you want to try it out on a FREE MySQL database, check [Aiven's free plans](https://go.aiven.io/francesco-signup)
Deploying a static website on S3 with Terraform
Tags: aws
Published: 2023-07-22 08:44:02

Deploying a static website on S3 with Terraform

# Introduction
New week new quest! This will be a short article but funny to write (and read, I hope)!
Let's deploy a static website on AWS S3 with Terraform.


## Static website goes dynamic

### S3 Bucket deploy
If you want to deploy a static website on AWS S3, you must deploy a S3 bucket!

I will not be long on this : 

```json
resource "aws_s3_bucket" "example" {
  bucket = "bucket-tf-example"
}
```

### Publicly accessible

To make your website accessible, you must turn off all the ACL policies and publicly make your bucket object and resources available. 

```json
resource "aws_s3_bucket_ownership_controls" "example" {
  bucket = aws_s3_bucket.example.id
  rule {
    object_ownership = "BucketOwnerPreferred"
  }
}

resource "aws_s3_bucket_public_access_block" "example" {
  bucket = aws_s3_bucket.example.id

  block_public_acls       = false
  block_public_policy     = false
  ignore_public_acls      = false
  restrict_public_buckets = false
}

```

### S3 Static Website configuration

You need to configure your S3 bucket to serve your website to clients.

```json
resource "aws_s3_bucket_website_configuration" "example" {
  bucket = aws_s3_bucket.example.id

  index_document {
    suffix = "index.html"
  }
}
```

The following lines :

```
  index_document {
    suffix = "index.html"
  }
```

This tells AWS S3 that the base file is index.html. It will take it in your bucket (This needs to be in at the root level of your bucket) as the file to serve at the root level of your website. 

### Upload index.html on S3

To be able to version your index.html. And be sure your file is always uploaded. You can use Terraform to Upload your file.

```json
resource "aws_s3_object" "object" {
  bucket = aws_s3_bucket.example.id
  key    = "index.html"
  source = "path/to/index.html"
  etag   = filemd5("path/to/index.html")
}
```

## Manual step

There is one step that I should have done with Terraform. I tried to put `acl = 'publi-read'` like this : 

```json
resource "aws_s3_object" "object" {
  bucket = aws_s3_bucket.example.id
  key    = "index.html"
  source = "path/to/index.html"
  etag   = filemd5("path/to/index.html")
  acl    = 'public-read'
}
```

This did not work on my side. If you have any idea how to make your s3 object publicly available, like when you are doing the following on the UI of AWS, please do not hesitate to drop a comment or send me a message!


## Conclusion
Now you can deploy your static website with Terraform. 
By managing your bucket ACL, adding website configuration, and dynamically uploading your static website file. 
Also, I did not speak about it, but you can have different routing and paths thanks to the folder in your bucket.
#LearnedToday: React95
Tags: javascript, react, learnedtoday, webdev
Published: 2023-07-22 08:16:00

🥹 Today is Saturday but it feels like "throwback Thursday" thanks to the link I am about to share.

👴🏻 If you're feeling **nostalgic** or are young enough to want to experience the thrill of being in 1995 for the first time, you should definitely try this **library**!

🪟 [React95](https://github.com/React95/React95) is a **Windows95** style UI component library that you can use in your **React** projects.


![React95 components preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wzrj9bxmoxzrs5knhgxd.png)

❓ Will you give it a try? Do you know any other nostalgic libraries?
Let me know in the comment section! 😃
MJGS Newsletter - The Crypto, AI & Synthetic Biology Trinity (Issue #124)
Tags: javascript, tech, webdev, discuss
Published: 2023-07-22 08:01:59

---
title: MJGS Newsletter - The Crypto, AI & Synthetic Biology Trinity (Issue #124)
published: true
description: Crypto, AI and synthetic biology, how they are intersecting, and an vision of the weird and wonderful world that could be ahead of us.
tags: javascript, tech, webdev, discuss
---

The Crypto, AI & Synthetic Biology Trinity (Issue #124)

Crypto, AI and synthetic biology, how they are intersecting, and an vision of the weird and wonderful world that could be ahead of us.

https://markjgsmith.substack.com/p/mark-smiths-newsletter-22-07-2023

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
Advantages of geo-location services
Tags: webdev, javascript, programming
Published: 2023-07-22 07:54:40

The concept of geo-location services is not new. However, it’s gained popularity due to apps like Tinder, Grindr, and Facebook. These days, you can find almost anything using geolocation. For example, you can use Maps to find the closest restaurant, gas station, or hospital. You can even use it to find the best vegan restaurant near you. So what exactly are geo-location services? And how do they work? [geolocation services](https://ipstack.com/) are based on GPS technology. They use the Global Positioning System (GPS) to determine your location. The distance between the satellite and your device is used to calculate your location down to a few meters. This helps applications like Google Maps find your location. What can you do with geo-location services? There are dozens of apps that rely on geo-location services. These include popular dating apps like Tinder, Grindr, and Bumble. You can also use services like Uber and Lyft to order a ride. There are also some really useful apps that rely on geo-location services. For example, Google Maps can help you find directions to a specific place. And you can use it to find the closest gas station, hospital, or restaurant near you. How are geo-location services different from GPS? GPS devices can find your exact location. But they can cause problems when you’re in a crowded city with lots of tall buildings. These devices use satellite data to find your location.
Creativity & Innovation: Game-changers in Coding?
Tags: codenewbie, beginners, discuss, career
Published: 2023-07-22 07:00:00

_This week, we're diving into the essential qualities that define exceptional coders. Share your practical tips, inspiring stories, and invaluable insights to help our newbies cultivate these qualities and unlock their full coding potential. Together, let's empower the next generation of coding superstars. Today's quality is:_ 

**Creativity and Innovation**

> How do you nurture and stimulate your creativity when coding? Are there any specific techniques or approaches you employ?

> Share an example of a time when your creative thinking and innovative ideas resulted in a unique solution or improved efficiency in a coding project.

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
New website
Tags: webdev, javascript, html, css
Published: 2023-07-22 06:19:00

Thrilled to unveil my new website! 🎉 Dive into a universe of creativity and bespoke design at Raimoncoding. Visit us at:

https://www.raimoncoding.com/


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d2sguuramhq6z7mz6dn7.png)
Typescript advance Concept
Published: 2023-07-22 05:55:07

In this Blog we will be understanding some advance concept of typescript how union ,tuples and intersection generics and all other work in typescript 
These are the special usage that make typescript better than Javascript as they can be reused again and again 


![Union](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1f9acoeggk7ga5uuv886.jpg)
Firstly I will be discussing about is Union in typescript.Often sometime when you do building  your project there is always some kind of doubt that what this function going to return and is this is a  Sting ,number or undefined to solve this problem we use union it is  denoted by symbol **|**  this helps you to see the return type of the function 

```
const person =(name:string|NULL)
```
 Here above code satisfy that name can be either  a string or a NULL value with help of this we are not sure whether to give a string or NULL value so we start usage of Union which helps us to solve the doubt about that.

![Tuples](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqpfqbxbs23dbfyz2iu3.jpg)
Next topic which we are going to brief about is tuples .Tuples plays an import role when we have to give lot of types for the given data like if we want to give data in bulk then we need to define an array which store the value for the types they return .

```
var data:[string,number];
data=['Jack',3];
data=['Mick',5];
```
Here above code snipped we can see that there is data variable which has return type of string and number these are again and again used for the string value like jack mick .One thing that we need to keep in mind that order of types should be same that if you have given string first you have to give string first at the time of calling that type

![Generics](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0wgkzach62jhulgthnu.png)
Here generics plays a very vital role when there is defined all kind of function It can be initialize like **<>** these to bracket any type inside the bracket 

```
const inti=<T>(arg:T) =>{
return arg;}

```
above code base here we use generics which use generics of type T can be any either string,number etc that typescript compiler can detect by itself so return arg can return any things like string,number,boolean depending upon the case passed
Quietum Plus - Ear Results, Benefits, Reviews & Side Effects?
Tags: webdev, javascript, beginners, programming
Published: 2023-07-22 05:50:55

[Quietum Plus](https://www.outlookindia.com/outlook-spotlight/quietum-plus-reviews-2023-fake-customer-warnings-ingredients-works-or-scam-buyers-must-know-complaints-side-effects-news-261148
) dream, this is reality so I'd bet my last dollar. This needs an extra Quietum Plus but it also exposes the Hearing Support Formula option. It is all good fun but what's the point? It can end without having a Quietum Plus that spoils a grounding for a Hearing Support Formula. I was on vacation at this occasion because you should discover occasional discounts if you look. 
[https://www.outlookindia.com/outlook-spotlight/quietum-plus-reviews-2023-fake-customer-warnings-ingredients-works-or-scam-buyers-must-know-complaints-side-effects-news-261148](https://www.outlookindia.com/outlook-spotlight/quietum-plus-reviews-2023-fake-customer-warnings-ingredients-works-or-scam-buyers-must-know-complaints-side-effects-news-261148)
https://www.tribuneindia.com/news/brand-connect/quietum-plus-tinnitus-relife-formula-real-ingredients-or-waste-of-money-reviews-447590 

https://www.outlookindia.com/outlook-spotlight/ultra-k9-pro-primal-nutrients-ingredients-side-effects-official-website-updates-and-ultrak9-pro-dog-health-benefits--news-274578 

https://www.outlookindia.com/outlook-spotlight/ultra-k9-pro-primal-nutrients-drops-for-dog-negative-side-effects-and-ingredients-exposed-ultrak9-pro-review--news-268052 

https://www.youtube.com/watch?v=CI1gJo5HppI 

https://lookerstudio.google.com/reporting/e0d4e01d-5833-4da8-9821-6b65a678457d/page/GMNFD 

https://lexcliq.com/quietum-plus-reviews-supplements/ 

https://lookerstudio.google.com/reporting/481d2960-c72d-4d44-a798-eb538c5cf338 

https://colab.research.google.com/drive/1w10nIo6xljc2mtz0eMR_Dscr21nEG9SD 

https://sites.google.com/view/quietumplus-eye-benefits/   

https://quietumplusfact.blogspot.com/2023/02/quietumplus.html  

https://soundcloud.com/quietum-plus-282833372/quietumplusinfo  

https://www.facebook.com/events/1038822340413521/  

https://www.instagram.com/quietumplusbuys/   

https://www.pinterest.com/pin/1060527412234262265/  

https://medium.com/@QuietumPlus3/quietum-plus-reviews-benefits-side-effects-customer-complaints-ce66a511a0a   

https://techplanet.today/post/quietum-plus-eye-supplement-benefits-uses-price-scam-or-legit  

https://www.scoop.it/topic/quietum-plus-by-quietum-plus-27 

https://medium.com/@quietumplusfact/about  

https://www.sportsblog.com/quietumplusfact/   

https://twitter.com/quietumplu50981
Diving into Chrome Extension Development: 3 Essential Resources
Tags: chromeextension, chrome, extension
Published: 2023-07-22 05:44:00

---
title: Diving into Chrome Extension Development: 3 Essential Resources
published: true
description: 
tags: chromeextension #chrome #extension
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-06-26 04:34 +0000
---

Hey there, aspiring Chrome extension developers! Feeling a bit lost on where to start? Don't worry, we've got you covered. Here are three essential links that will guide you through the process. Just follow them in order, and you'll be on your way to creating your very own Chrome extension. 

  
[Chrome Extension Developer Guide](https://developer.chrome.com/docs/extensions/) - This is the official guide from Google that covers everything you need to know about creating Chrome extensions.

[Chrome Extension Samples](https://developer.chrome.com/docs/extensions/mv3/samples/) - This is a collection of sample extensions that you can use as a starting point for your own extension.

[Chrome Extension Boilerplate](https://github.com/duo-labs/chrome-extension-boilerplate) - This is a boilerplate project that provides a basic structure for building Chrome extensions.

<br/>

Best of luck, and happy coding!
Keyoxide Proof
Published: 2023-07-22 05:43:47

---
title:Keyoxide Proof 
published: true
description:[Verifying my cryptographic key:https://keyoxide.org/d4b56e4d18ed5be3e4aee1cdff331a5a1a7ab372]
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-07-22 05:17 +0000
---
 [Verifying my cryptographic key:https://keyoxide.org/d4b56e4d18ed5be3e4aee1cdff331a5a1a7ab372]