teleren/devto huggingface dataset:
Is Vercel Blob Too Expensive ?
Tags: vercel, nextjs, webdev, javascript
Published: 2023-09-08 07:40:32

Vercel launched a [Blob service](https://vercel.com/docs/storage/vercel-blob) recently even though it is in private beta. It means most of us do not have access to yet and hence unable to use any of their code that involves Vercel Blob. 

However, is it really worth using this Blob service ? [It is extremely expensive](https://www.reddit.com/r/nextjs/comments/135d9ak/is_vercel_storage_pricing_ridiculous_or_is_it_me/) based on discussions on internet. 

The [pricing is available here](https://vercel.com/docs/storage/vercel-blob/usage-and-pricing).

On other hand if you wish to replace Vercel Blob with your own cloud service storage such as Google Cloud Storage or Amazon AWS S3, it is fairly trivial. Here is an excellent tutorial on how to replace [Vercel Blob with Google Cloud Storage](https://www.frontendeng.dev/blog/14-replace-vercel-blog-with-google-cloud-storage).
Marriage Certificate Attestation
Published: 2023-09-08 07:36:27

Are you looking for [Marriage Certificate Attestation](https://www.bharathattestation.com/other-attestation.php) Services?
 then you are in the right place. Bharath Attestation provides
 hassle-free attestation services.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m7i0yfq2grqfmlkcb78i.jpg)
Top 2 Strategies for Handling JSON Parse Errors
Tags: programming, javascript, typescript, json
Published: 2023-09-08 07:32:45

JSON is quite popular and widely used data format for client and server communication. 

![JSON Parse](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nu8nprav3cqd0x9brk9l.png)

## Why do we get a JSON parsing error and How to Resolve Them?
If you have minor issues with JSON data. You can use any online tool such as [JSON formatter](https://www.fireboxtools.com/json-tools/json-formatter). Which provides a feature to repair broken JSON.

Parsing JSON is a common task for a developer. JavaScript comes with a built-in method called [JSON.parse()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse). Which is useful for parsing JSON string data.

If JSON is valid then **JSON.parse()** returns a JSON object  otherwise, it throws a SyntaxError.

## Handle JSON Parse Error in JavaScript
In JavaScript, There are many ways to deal with JSON parse errors, and we are going to explore two of the best here. 

## 1. Handle Using try-catch block

To deal with JSON parse errors, the try-catch block method is most commonly used in JavaScript.

```
try {
  const json = '{"name": "Jimmy", "age":28}';
  const obj = JSON.parse(json);
  console.log(obj.name);
  // expected output: "Jimmy"
  console.log(obj.age);
  // expected output: 28
} catch (e) {
  console.log(e);
  // expected output: SyntaxError: Unexpected token o in JSON at position 1
}
```

## 2. Handle Using if-else block
Another useful method for handling JSON parse errors is to use an if-else block.
The use of this approach helps when you are doing other tasks in try-catch (for example, API requests and other processing) and then parsing JSON. Using this approach, you may find errors caused by SyntaxError.

```
try {
    // API calls
    // other handling
    const json = '{"name":"Jimmy", "age:42}';
    const obj = JSON.parse(json);
} catch (error) {
    if (error instanceof SyntaxError) {
        console.log(error);
        // expected output: SyntaxError: Unexpected token o in JSON at position 1
    }
}

```
Laravel 10 Bootstrap Auth Scaffolding
Published: 2023-09-08 07:30:38

Welcome to the tutorial on setting up [Laravel 10 Bootstrap Auth Scaffolding](https://codeprohelp.com/laravel-10-bootstrap-auth-scaffolding/). In this guide, you’ll learn how to create a secure and user-friendly authentication system for your web application using Laravel’s built-in authentication features and Bootstrap for styling.Means You can use this for [Laravel Login System](https://codeprohelp.com/laravel-10-bootstrap-auth-scaffolding/) or Intergrate [User Logins to laravel](https://codeprohelp.com/laravel-10-bootstrap-auth-scaffolding/) app.By following the steps below, you’ll have a fully functional authentication system up and running in no time.

Step1: Install Laravel
Begin by installing Laravel 10 by running the following command in your terminal:

```
composer create-project --prefer-dist laravel/laravel example-app
```
Step2: Install Laravel UI Package
Next, install the Laravel UI package, which provides the necessary scaffolding for frontend authentication:

```
composer require laravel/ui

```

Step3: Generate Authentication System
Generate the authentication system using the Laravel UI package and choose the bootstrap preset:

```
php artisan ui bootstrap --auth

```
This command will set up the authentication scaffolding, including registration, login, and password reset functionalities, all styled with Bootstrap.

Step4: Compile Assets
Compile the frontend assets, including Bootstrap, by running the following command:

```
npm install && npm run dev

```
Step5: Run Migrations
Run the migrations to create the necessary database tables for authentication:

```
php artisan migrate

```
Step6: Start the Development Server
Start the development server to see your authentication system in action:

```
php artisan serve

```
Visit the provided URL in your browser to access the authentication pages.

Step7: Customize Views and Routes
Feel free to customize the generated views located in the resources/views/auth directory to match your design preferences. Additionally, you can update the authentication-related routes in the routes/web.php file.

Step8: Protect Routes (Optional)
To protect specific routes for authenticated users only, use the auth middleware. For instance, to secure the dashboard route, update the route definition as follows:

```
Route::get('/dashboard', 'DashboardController@index')->middleware('auth');
```

Conclusion
Congratulations! You’ve successfully set up [Laravel 10 Bootstrap Auth Scaffolding](https://codeprohelp.com/laravel-10-bootstrap-auth-scaffolding/) for your web application. By generating the authentication system, integrating Bootstrap, customizing views, and protecting routes, you’ve created a secure and visually appealing authentication experience for your users.
FIND PEACE AT NIGHT SKY
Published: 2023-09-08 07:28:51

Gazing at the night sky has an almost inexplicable way of soothing the soul and igniting a profound sense of peace within me. An enchanting tranquility envelops the surroundings as the world settles into slumber and the vast expanse of the night sky unfolds above. The sight of countless stars twinkling like distant diamonds, the gentle glow of the moon casting its ethereal light, and the occasional streak of a shooting star evokes a sense of wonder that transcends the ordinary. In these quiet moments of stargazing, I find solace, a respite from the hustle and bustle of the day. The night sky feels like a canvas of infinite possibilities, a reminder of the boundless universe beyond our immediate concerns.
**[Website](https://storycriclecs.blogspot.com/find-peace-at-night-sky)**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/we0qr5qt4e23rzgf7pr8.jpg)
Laravel 10 Crop Image Before Upload Cropper Js
Tags: laravel, crop, image, upload
Published: 2023-09-08 07:24:16


In this tutorial, I will guide you through the process of cropping and resizing images before uploading them using Laravel 10 and the Cropper.js library.

## Laravel 10 Crop Image Before Upload Cropper Js

To crop an image before uploading in Laravel 10, you can follow these steps:

- Install the Laravel application.
- Configure the database.
- Create a migration and model.
- Define routes.
- Create a CropImageController.
- Create a Crop Image Blade file.
- Run the Laravel application.

Read More = [Laravel 10 Crop Image Before Upload Cropper Js](https://www.tutsmake.com/laravel-10-crop-image-before-upload-using-cropper-js)
How to detect if a website is running on a webview?
Published: 2023-09-08 07:22:00

Step 1 - Customise the userAgent string of the webview. Below is an example from React-Native

```jsx
<WebView
  userAgent={"web-view-user-agent-123"}   
  ref={"WEBVIEW"} 
  automaticallyAdjustContentInsets={false}
  source={{ uri: this.state.url }}
/>
```

In this example, we're setting the UserAgent to "web-view-user-agent-123". This is the UserAgent that will be sent with HTTP requests made by the WebView.

Step 2 - read this userAgent string in the client side code of the website.

We can read the userAgent string in the client side code of the website by

```javascript
if (window.navigator.userAgent === "web-view-user-agent-123") {
  console.log("the website is embedded in a webview");
} else {
  console.log("the website is not in a webview");
}
```

Conclusion:

This simple yet powerful technique can be used in various scenarios, such as tracking user activity, implementing custom logic, or providing a personalized experience to users within your WebView.
SMM Panel Pakistan | Cheap,Top,Reseller
Tags: smmpanel, smmpanelpakistan, cheapsmmpanel, bestsmmpanel
Published: 2023-09-08 07:16:54

Best SMM Panel for YouTube

YouTube Video contents has emerge as the backbone of many brands and celebrities to reach ability target market. Proper use of your YouTube video can take your enterprise, provider or products to the next label.

**SMM Panel for YouTube Views Pakistan
**
**_[smm panel Pakistan](https://redsmmpanel.com/) is the pleasant SMM Panel in Pakistan for Youtube Views._**


smm Panel Pakistan is the great SMM Panel in Pakistan for Youtube Views YouTube Panel for Youtube Watchtime, Views and Subscribers exceptional smm panel Pakistan gives YouTube subscribers and engagement services at a cheap charge. We also offer each monetization and none monetizable video perspectives for YouTube. With our offerings, you may buy Youtube monetized views at the very reasonably-priced fee Youtube monetized views feature has made us the unique carrier provider for YouTube.
Your headline will write itself with this method [Graphic]
Tags: ux, ui, marketing, copywriting
Published: 2023-09-08 07:04:38

Headlines aren't written. Headlines are designed.

To design is to understand the customer, craft using the best practices, and then test.

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

**Voice of customer research:**
_Desire:_ Increase leads
_Objections:_ "Is this going to affect my SEO?" / "Is this going to affect the UX?"


**Best Practices:**
_Be specific:_ Increase leads by 30% (This is where you dig into the real data to figure out that percentage)


Headline crafted! What's next? Test!
Boost Your CBD Business with Expert CBD SEO Services at ThatWare
Tags: cbdseoservices
Published: 2023-09-08 07:01:07

Looking to enhance your online presence in the competitive CBD industry? Discover the power of ThatWare's specialized [CBD SEO services](https://thatware.co/cbd-seo-services/). Our team of experts understands the unique challenges and opportunities in the CBD market, and we're here to help your business thrive. With tailored strategies, keyword optimization, and industry-specific insights, we'll drive organic traffic, improve your search rankings, and ultimately boost your CBD brand's visibility. Don't miss out on potential customers - explore our CBD SEO services today and take your business to new heights!
Hidden Talents Unveiled: Skills Beyond Coding
Tags: discuss, beginners, codenewbie
Published: 2023-09-08 07:00:00

_Get a glimpse into the daily experiences, work routines, and unique perspectives of tech professionals, both novice and experienced alike, in "A Day in the Life."_

> What's a hidden talent or hobby that enhances your coding skills?

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 *%}*
What Are the Benefits of Being Uncomfortable?
Tags: discuss
Published: 2023-09-08 07:00:00

_Welcome to Code Chatter, your go-to series for conversational coding insights. What makes this series of questions different from all the others? Well, truth be told, not much, but they're still thought-provoking and fun. Join us as we explore the coding world, one witty question at a time._

> Can you share an experience where you stepped out of your comfort zone in coding, and looking back, you're glad you did?

Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Degree Certificate Attestation
Published: 2023-09-08 06:58:34

[Degree Certificate Attestation ](https://www.bharathattestation.com/contact.php)for Qatar is the most needed document for beginning 
a career in Qatar. Most of the companies in Qatar wanted to show authenticity.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/umfb2bblg4d2e453ciwo.jpg)
Birth Certificate Attestation
Published: 2023-09-08 06:57:20

[Birth Certificate Attestation](https://www.bharathattestation.com/degree-certificate-attestation.php) is important when you are migrating with your kid to a different country. Get your birth certificate attested with the Bharath Attestation.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/253cipe7q8qwadyc04z2.jpg)
Attestation Services in Qatar
Published: 2023-09-08 06:51:49


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72m52ourr4q3eiyv10mi.jpg)

Get your certificates attested quickly and easily with fastest [attestation services in qatar](https://www.bharathattestation.com/). We offer a fast and reliable service that will get your certificates legalized
Getting started TypeScript with Bengali.
Tags: learning, typescript, frontend, beginners
Published: 2023-09-08 06:50:46

### টাইপস্ক্রিপ্ট কি? ( `What is TypeScript?` ):
টাইপস্ক্রিপ্ট  হচ্ছে একটি ওপেন-সোর্স  পিওর অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং ল্যাঙ্গুয়েজ এবং এটি টাইপলি স্ট্রং যার কারনে একে জাভাস্ক্রিপ্টের সুপারসেট বলা হয় টাইপস্ক্রিপ্ট মূলত পিওর জাভাস্ক্রিপ্টে কম্পাইল হয় । 

### টাইপস্ক্রিপ্ট ফান্ডামেন্টালস ( `TypeScript Fundamentals` ):
টাইপস্ক্রিপ্ট ফান্ডামেন্টালস কনসেপ্ট গুলো সম্পর্কে ভাল ধারনা থাকতে হবে । 
যেমন, অ্যাপ্লিকেশন তৈরি করতে টাইপস্ক্রিপ্ট ফিচারস গুলোর ব্যবহার সম্পর্কে গভীর জ্ঞান থাকতে হবে। এর পরে, মূল টাইপস্ক্রিপ্ট যেমন `ESNext`-এর জন্য সাপোর্ট করে, Types, `Classes`, `Interfaces`, `Generics` এবং আরও অনেক কিছু আছে এগুলোর ব্যবহার  ভাল্ভাবে জানতে হবে । এবং আমরা আরও শিখবো  কিভাবে `Generics` গুলো টাইপস্ক্রিপ্টে পুনরায় ব্যবহার (Reuse) করা যায় বা, কোড টেমপ্লেট তৈরি করতে ব্যবহার করা যায়। 

### সেটআপ ( `Setup TypeScript` ):
কিভাবে  টাইপস্ক্রিপ্ট প্রোগ্রাম কম্পাইল হয় `(How to compile a TypeScript program)`: 
টাইপস্ক্রিপ্ট হল জাভাস্ক্রিপ্টের একটি টাইপ করা সুপারসেট যা প্লেইন জাভাস্ক্রিপ্টে ট্রান্সপাইল হয়। এখন আমরা জানব কিভাবে টাইপস্ক্রিপ্ট ইন্সটল করতে হয় । টাইপস্ক্রিপ্ট ইন্সটল করার সবচেয়ে সহজ উপায় হল `npm`, `Node.js` প্যাকেজ ম্যানেজার এর মাধ্যমে। আমরা যদি `npm` ইনস্টল করে থাকি, তাহলে  আমরা আমাদের কম্পিউটারে গ্লোবালি [ `TypeScript (-g)` ] ইনস্টল  করতে পারি `npm install -g typescript`  এই কমান্ড দিয়ে। এবং এটা ঠিকঠাক মতো ইন্সটল হয়েছে কিনা সেটা টেস্ট করতে `tsc --v` এই কমান্ড ব্যবহার করতে পারি । আমরা বিকল্প আরেক ভাবে ইন্সটল করতে পারি শুধুমাত্র স্পেসেফিক আলাদা আলাদা প্রজেক্টের জন্য `npm install --save-dev typescript` এই কমান্ড দিয়ে। সাধারণত নতুন টাইপস্ক্রিপ্ট প্রজেক্টের প্রথম ধাপ হল একটি `tsconfig.json` ফাইল যোগ করা। `tsconfig.json` ফাইল টাইপস্ক্রিপ্ট প্রজেক্টর সেটিংস্‌ নির্ধারণ করে।
EXISTS in PostgreSQL
Published: 2023-08-15 18:35:18

In this tutorial, I will be explaining how can we use the `EXISTS` in a subquery.
Let's get started...
`EXISTS` is a boolean operator, and it tests for the existence of rows in a subquery.
**Syntax**
Following is the syntax of using `EXISTS`:

```
EXISTS (subquery)
```
The `EXISTS` operator accepts a subquery as an argument.
Result of `EXISTS` is true if the subquery returns at least one row.
Result of `EXISTS` is false if the subquery returns no row.

Let's see an example:
For example we have following `customer` and `payment` tables in the database.

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

**1) Find customers whose at least one payment is greater than 11**

```
SELECT first_name,
       last_name
FROM customer c
WHERE EXISTS
    (SELECT 1
     FROM payment p
     WHERE p.customer_id = c.customer_id
       AND amount > 11 )
ORDER BY first_name,
         last_name;
```
In this, subquery checks `payment` table for each customer and find that if there is any customer that has at least one payment that has amount greater than 11.
The above query returns the following output:

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

**2) NOT EXISTS**
The `NOT EXIST` is opposite to `EXISTS` operator, that means the result of `NOT EXISTS` is true if the subquery returns no row and vice versa.

```
SELECT first_name,
       last_name
FROM customer c
WHERE NOT EXISTS
    (SELECT 1
     FROM payment p
     WHERE p.customer_id = c.customer_id
       AND amount > 11 )
ORDER BY first_name,
         last_name;
```
The above subquery checks `payment` table for each customer and find that if there is any customer that has not made any payment amount greater than 11. 

The output of the query is as:

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

**Conclusion**
In this tutorial we explored the basic level use of `EXISTS` operator.
Mofa Attestation Qatar
Published: 2023-09-08 06:46:47

[MOFA Attestation in Qatar ](https://www.bharathattestation.com/degree-certificate-attestation.php)is a process of validating the authenticity of documents issued by Qatari authorities. Now feel at ease with the Bharath Attestation Services in Qatar.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4iu5re9844kzfrntuirl.jpg)
Certificate Attestation
Published: 2023-09-08 06:44:33

[Certification Attestation](https://www.bharathattestation.com/other-attestation.php) services are led by Bharath Attestation, with vital experience and speedy delivery on time in Qatar."

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xs6fcr0x7ky6oho3klun.jpg)
Skip Hire Group, Provide Cheap Skip Hire Australia
Published: 2023-09-08 06:38:12

Skip Hire Group is one of the most reliable waste management solution companies with 20+ of experience. Get reliable & [cheap skip hire](https://skiphiregroup.com.au/) services near you.  We have a range of different sizes of bins which can lift heavy waste up to 20 tons. We recycle to reduce landfill waste.
We have an expert team who will guide you to select the exact need. Get in touch with us, and we will take care of everything.
Visit website : https://skiphiregroup.com.au/
Location: 773 Lauriston Road, Kyneton VIC 3444
Call us at: 61401650625
Introduction..
Tags: beginners, opensource, springboot, learning
Published: 2023-09-08 06:33:11

Hello Everyone!!!.
My name is Bhavik and I'm in the third year of Computer Programming and Analysis program at Seneca college. This is my last semester an in this semester I am taking OSD 600 course as one of my professional course. 

The main reason to take this course is that this courses provide an opportunity to get beneficial skills in collaboration with the people, learn new technical skills and working on actual open source projects which would provide me practical experience that I could add to my resume.

The kind of projects that I want to work on this semester is related to Spring Boot, AWS and MERN. I started learning Spring Boot this semester, an effective microservices framework, and I'm now on my way to becoming proficient. It is significant that industry gigantic companies like Netflix, LinkedIn, Uber, and other companies have adopted Spring Boot. This decision was made mostly due to the fact that Spring Boot substantially streamlines and simplifies the process of developing applications for developers when compared to other frameworks. The chance to work on Spring Boot projects in the near future is something else I'm looking forward to with enthusiasm.

As mentioned above the trending GitHub repo I have researched related to Spring Boot only and the link of the GitHub repo is here: [Boot-Strap](https://github.com/bhavik001/spring-boot.git). 

This will the end of my first blog. See you guys soon with another blog.
THROUGH YOUR PROFILE PICTURE
Published: 2023-09-08 06:31:52

In digital expression, where images can convey emotions as effectively as words, your profile picture (DP) offers an opportunity to showcase your personality traits. One such remarkable trait is gentleness, which reflects kindness, empathy, and a nurturing spirit. Demonstrating gentleness through your DP involves a thoughtful approach that resonates with subtlety and warmth.
**[Website](https://nameboost.blogspot.com/through-your-profile-picture
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/haze2zg5eyntv5j26ryi.jpg))**
Find Angle MBC - HackerRank Solution Python
Tags: python, algorithms, programming, beginners
Published: 2023-09-08 06:17:03

**Find Angle MBC** is a medium difficulty problem that involves the use trigonometry concept to solve the problem. We will learn how to solve this problem in Python through a step-by-step tutorial in Python3.

## Problem Statement and Explanation

Given the length of sides AB and BC of a right triangle ABC, we have to find the angle MBC in degrees. Suppose ABC is a right triangle where angle ABC is 90 degrees. The angle bisector of angle ABC meets the side AC at point M. We have to find the angle MBC in degrees.

### Input Format

- First user input is the length of side AB.
- Second user input is the length of side BC.

AB & BC are natural numbers and are between 0 and 100.

### Output Format

Print the angle MBC in degrees. Round the angle to the nearest integer.

## Find Angle MBC Solution in Python

{% gist https://gist.github.com/codeperfectplus/96da45bf219417cc13ee8822f6c1b5bd.js %}

## Explanation of Solution

Step by step explanation of the above code is given below:

- The function `find_angle_mbc`() takes two arguments, ab and bc, which are the lengths of sides AB and BC respectively.
- The variable degree stores the angle MBC in degrees.
- The line degree = round(math.degrees(math.atan(ab/bc))) calculates the value of degree by first calculating the arctangent of ab/bc using the math.atan() function. Then, it rounds the result to the nearest integer using the round() function.
- The line print(f”{degree}{chr(176)}”) prints the value of degree as a string, with a degree symbol (°) at the end.

## Time Complexity of the Solution

The time complexity of the solution is O(1). This is because the function find\_angle\_mbc() only performs a constant number of operations, regardless of the lengths of sides AB and BC. The only operation that is performed is the math.atan() function, which takes a constant amount of time to execute.

## Space Complexity of the Solution

The space complexity of the solution is O(1). This is because the function find\_angle\_mbc() only uses a constant amount of memory, regardless of the lengths of sides AB and BC. The only variables that are used are ab, bc, and degree, which are all scalars. Scalars are variables that store a single value, such as an integer or a float. They do not require any additional memory beyond the space required to store the value.

_Problem statement is taken from [Hackerrank](https://www.hackerrank.com/domains/python), and the solutions are implemented by **CodePerfectPlus** team_

## Other Article By Author

- [HackerRank Solve Python Algorithm Series](https://codeperfectplus.com/category/Solve-python)
- [HackerRank Problem Solving Algorithm Series](https://codeperfectplus.com/category/Problem-solving)
- [30 Days of Code HackerRank](https://codeperfectplus.com/category/Hackerank-30-days-of-code)
- [10 Days of JavaScript HackerRank](https://codeperfectplus.com/category/10-days-of-javascript)

### [30 Days of Code SubReddit](https://www.reddit.com/r/30daysofcode)