teleren/devto huggingface dataset:
Register Your Trademark in 5 Quick & Easy Steps!
Tags: trademarkregistrationservice, trademarkregistrationprocess, onlinetrademarkregistration, trademarkregistrationcompany
Published: 2023-07-04 10:43:48

Step 1: Determine the Relevant Trademark Classes: 

- Identify the appropriate class or classes that correspond to the goods or services associated with your trademark. 
- Familiarize yourself with the Nice Classification system, which consists of 45 classes in India.
- Accurate classification ensures proper protection within the relevant industries.

Step 2: Conduct a Comprehensive Trademark Search:

- Perform an extensive search to ensure your proposed trademark is unique and distinguishable from existing trademarks in the class of goods / services it is intended to be used for.
- Utilize various search tools and databases to check for similar or identical trademarks.
- Consider seeking professional assistance to ensure a thorough search is conducted.

Step 3: Prepare and Submit Required Documents:

- Gather all the necessary documents for filing, such as the completed application form, graphical representation of the Trademark, and any evidence of prior usage of the trademark.
- Ensure that all information provided is accurate, consistent, and matches the supporting documents.
- Review the guidelines provided by the Trademark Registry to ensure compliance with document requirements.

Step 4: Submit the Application and Pay the Filing Fee:

- Complete and submit the application form along with the requisite filing fee to the appropriate Trademark Registry office.
- Pay the fee through the designated modes of payment, which may include online payment systems or demand drafts.


Step 5: Monitor the Application Status and Address Objections Promptly:

- Track the progress of your trademark application using the provided application number or reference.
- Stay informed about any objections or office actions raised by the Trademark Registry.
- Respond to objections or office actions within the specified timeframe, providing appropriate arguments, evidence, or amendments as required.
- If the application is approved, the Registry grants a Trademark Registration Certificate valid for a period of 10 years from the date of application.

By following these comprehensive steps, you can navigate the trademark filing process in India successfully and increase the likelihood of a smooth registration process for your trademark.

Also Check :-

- [Online Trademark Registration
](https://www.setindiabiz.com/trademark-registration)
- [Design Registration Service](https://www.setindiabiz.com/design-registration)
Learn about the @if control statement in SCSS
Tags: scss, frontend, tutorial
Published: 2023-07-04 10:42:10

## Level up your SCSS skills with flexible styles!

Learn about the **@if** control statement and its powerful role in creating dynamic designs that adapt to different conditions.

Take a look at this example to easily understand the concept.⚡️

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


In this example, I'm defining a **mixin** called _button-size_ that takes a single argument _$size_.
Using **@if**, I'm applying different font sizes based on the value of the variable _$size_.

And to use this **mixin**, simply include it in your button selector and pass a value for _$size_, like this:

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


With **@if**, you'll have the ability to create versatile and reusable styles that adapt seamlessly to various button sizes. Apply the button-size **mixin** to any button element, specifying the size as an argument.


[Follow Me On Twitter](https://twitter.com/khaleds_saif)
QuickBooks payroll Support Number +1-844-560-0142
Tags: qb, quickbooks, payroll, quickbookspayrollsupport
Published: 2023-07-04 10:19:33

[QuickBooks](https://medium.com/@dixitharish65/quickbooks-enterprise-support-1-844-560-0142-number-90b4064dc6f1) are Provide the services. QuickBooks Payroll Support customer Number is a service.
QuickBooks are provide many services as payroll support, Error Support etc.. it is software
Core Operation
Tags: webdev, coreoperation, aws
Published: 2023-07-04 10:05:50

The core operations of AWS:

Amazon Web Services (AWS) is a cloud computing platform that offers a wide range of services to businesses and developers. AWS is designed to provide a flexible, scalable, and cost-effective way to run applications and services in the cloud.

AWS offers several compute services, including Amazon Elastic Compute Cloud (EC2), Amazon Elastic Container Service (ECS), and AWS Lambda. EC2 is a web service that provides resizable compute capacity in the cloud. ECS is a fully-managed container orchestration service that makes it easy to run, stop, and manage Docker containers on a cluster. AWS Lambda is a serverless computing service that lets you run code without provisioning or managing servers.

In addition to compute services, AWS provides a range of storage services, including Amazon Simple Storage Service (S3), Amazon Elastic Block Store (EBS), and Amazon Glacier. S3 is a highly-scalable object storage service that allows you to store and retrieve data from anywhere on the web. EBS is a block storage service that provides persistent storage for EC2 instances. Glacier is a low-cost storage service that is designed for data archiving and backup.

AWS also offers a range of database services, including Amazon Relational Database Service (RDS), Amazon DynamoDB, and Amazon Redshift. RDS is a managed database service that makes it easy to set up, operate, and scale a relational database in the cloud. DynamoDB is a fast and flexible NoSQL database service that provides consistent, single-digit millisecond latency at any scale. Redshift is a fast, fully-managed data warehouse that makes it easy to analyze large amounts of data.

Networking is another core operation of AWS. AWS provides a range of networking services, including Amazon Virtual Private Cloud (VPC), Amazon Route 53, and AWS Direct Connect. VPC is a virtual network that allows you to launch AWS resources into a virtual network that you define. Route 53 is a scalable and highly-available DNS service that makes it easy to route traffic to your web applications. Direct Connect is a dedicated network connection that allows you to connect your on-premises infrastructure to AWS.

Finally, AWS offers a range of security and identity services, including AWS Identity and Access Management (IAM), AWS Key Management Service (KMS), and AWS Certificate Manager. IAM is a web service that helps you securely control access to AWS resources. KMS is a managed service that makes it easy to create and control the encryption keys used to encrypt your data. Certificate Manager
Type-Safe Querying of Ethereum Contract Data with React-Query and TypeChain
Tags: typescript, react, web3, ethereum
Published: 2023-07-04 10:01:42

Indeed, moving forward from our previous discussion on [how to generate types from smart contract abi](https://dev.to/eraywebdev/coding-smart-using-typechain-for-type-generation-from-smart-contract-abi-5h42), we can now dive deeper into transforming these type-safe functions into type-safe queries and mutations using react-query. In this segment, I'll be focusing on the process of reading contract data with react-query queries.

First and foremost, let's understand that to interact with a smart contract, a provider is necessary. This could be a public provider, a private provider utilizing API keys from Alchemy or Infura, or simply a user's wallet provider. For the purpose of this post, we will use a public RPC provider. However, for live projects, I would strongly recommend opting for Alchemy or Infura providers.

Moreover, it's essential to consider that depending solely on a user's wallet provider for reading data is not an ideal strategy. The primary reason being that users need to be connected to view the data. Secondly, the provider they're using remains uncertain. Hence, we aim to implement a type-safe data fetching method from the contract as smoothly as an ordinary API.

Let's take an example to better understand this process - Fetching Ethereum USD price from Chainlink's Price Converter Contract. After we generate our types with typechain, let's start to write our read hook.

First we start with getting the contract instance, for the sake of focusing using react-query for reading smart contract I am writing all these functions not generic so you can convert it to generic if you need.

```ts
const getContractInstance = () => {

// address of chainlink contract: https://etherscan.io/address/0x5f4eC3Df9cbd43714FE2740f5E3616155c5b8419#readContract

  const address = "0x5f4eC3Df9cbd43714FE2740f5E3616155c5b8419";
// public provider to read data, I recomment to use either Alchemy or Infura provider for production: 
  const provider = new JsonRpcProvider("https://eth.llamarpc.com");
  const contract = EthUsdFeedContract__factory.connect(address, provider);
  return contract;
};
```

Now let's write our fetch(read) function:

```ts
export const getPriceConversion = async () => {
  const contract = getContractInstance();
  const price = await contract.latestAnswer();
  const decimals = await contract.decimals();
  const priceInEtherUnit = formatUnits(price, decimals);
  return priceInEtherUnit;
};
```
Finally we can create our typesafe hook:

```ts
type EthToUsd = string;

export const useEthUsdFeed = <TData = EthToUsd, TError = unknown>(
  options?: UseQueryOptions<EthToUsd, TError, TData>
) => {
  return useQuery<EthToUsd, TError, TData>(
    ["cryptoToUsd"],
    async () => await getPriceConversion(),
    options
  );
};
```
Generating SSH key – the best way
Tags: ssh, git, security, development
Published: 2023-07-04 09:59:23

tl;rd:

```
ssh-keygen -t rsa -b 2048 -C "user@institution" -f ~/.ssh/institution-user
```

where:

 * `user` is your identifier, e.g., "joe"
 * `institution` is your workplace, or an indication that it is your personal key, e.g., "buchcorp", "personal", etc.

An additional step is to rename the private key to have a `*.pem` extension:

```
mv ~/.ssh/institution-user ~/.ssh/institution-user.pem
```

I don't know the security standpoint/standards, but from the user experience/usability point of view I am a great fan of file extensions in general.

---

## Important ingredients of a perfect `ssh-keygen` command

There are numerous tutorials on the web how to generate a pair of SSH keys. However, I didn't find a single one that covers all the arguments/parameters that in my opinion are essential when generating an SSH key pair via a terminal. What are these essential ingredients of a perfect `ssh-keygen` command? Here they are:

1. Comment –- needles to say, the comment doesn't seem that important, unless you are faced with an impossible task of disentangling a multiple keys sitting in `authorized_keys` for months, if not years. Good luck guessing which key belong to who then :) In other words, always put a meaningful text that will allow others (as well as yourself) to identify the particular key as yours (unless you are a hacker, or whatever :D )

2. Filename -- you want your private and public keys to have a meaningful name right away –- else they can get lost in a number of the default `id_rsa` files, or worse –- you will overwrite an important key. Please note that I explicitly mention the path to the file: `-f ~/.ssh/key-name` (instead of specifying just the file name).

## The command

Here is the example command using the above-mentioned characteristics:

```
ssh-keygen -t rsa -b 2048 -C "user@institution" -f ~/.ssh/institution-user
```

where:

 * `user` is your identifier, e.g., "joe"
 * `institution` is your workplace, or an indication that it is your personal key, e.g., "buchcorp", "personal", etc.

```
mv ~/.ssh/institution-user ~/.ssh/institution-user.pem
```

I don't know the security standpoint/standards, but from the user experience/usability point of view I am a great fan of file extensions in general.

### Sources

 1. https://www.ssh.com/academy/ssh/keygen#specifying-the-file-name
 2. https://docs.gitlab.com/ee/user/ssh.html

**Bonus**: see how to manage multiple SSH keys in my other article: https://dev.to/mikolajbuchwald/git-via-ssh-multiple-keys-management-3bkm

---

Cover image: photo by <a href="https://unsplash.com/@lazycreekimages?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Michael Dziedzic</a> on <a href="https://unsplash.com/photos/1bjsASjhfkE?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
How can you know it's a Caching issue?
Published: 2023-07-04 09:48:18

It was a big learning curve to figure out this issue. While working on freelance projects I found a website where I was updating content and purging caches from plugins and servers, but the expected output not coming.

Again read lots of articles to understand what my fault is. then I realized maybe caching handling from any third-party source. and finally found! it’s a CND (Cloudflare). To learn more about CND you can check this article [What is a CDN? | How do CDNs work?](https://www.cloudflare.com/learning/cdn/what-is-a-cdn/)

## Where To Clear The Cache

World’s most popular CDN(Content Delivery Network), First, check if the site is hosted through Cloudflare. How can you check if is a website hosted on Cloudflare?

Here is a way I follow, and it works for me.

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

First I visit this site with the domain name https://www.whois.com/whois/_heymehedi.com_

Then just check if the Name Server exists the Cloudflare.com, i will always will be look like this 
**_abc.ns.cloudflare.com
def.ns.cloudflare.com_**


To know more caching issues check this article: https://heymehedi.com/wordpress-cache-issues-and-fix/
The ultimate A-Z guide to headless CMS terminology
Tags: headlesscms, glossary
Published: 2023-07-04 09:45:48

Developers want more freedom and omnichannel delivery and rich front-end frameworks are driving the popularity of headless CMS. Headless CMS can be explained to everyone involved in the development process with the help of this comprehensive glossary. Moreover, it will help businesses grow.

From founders to makers to product people and marketers - regardless of their technical background - everyone will finally understand vague terms like "API," "HEADLESS CMS," and "JAMSTACK."

Over the past decade, headless CMS has evolved rapidly, enabling a wide variety of innovative applications. This results in a wealth of complex terms, concepts, and technologies. Keeping up with the latest advancements takes time and effort, even for the most technically inclined.

In order to facilitate a deeper understanding of what headless CMS is, this glossary covers essential terminology associated with it and its many components.

It is explained in two ways for each term:

- A textbook definition that is boring and hard to understand
- As well as the words that the class' smartest kid would use to explain how simple and logical the whole concept is.

We're sure you'll find this headless CMS dictionary useful every day, so bookmark it.

https://thebcms.com/blog/ultimate-a-z-guide-to-headless-cms
Merge Sort
Tags: cpp, beginners, algorithms, mergesort
Published: 2023-07-04 09:44:34


It is a sorting algorithm that follows the divide-and-conquer approach. It efficiently sorts an array or a list by dividing it into smaller sub-arrays, sorting them, and then merging them back together.

## C++ Code

```
#include <bits/stdc++.h>
using namespace std;

void merge(int array[], int const left, int const mid, int const right){
	int const subArrayOne = mid - left + 1;
	int const subArrayTwo = right - mid;
	auto *leftArray = new int[subArrayOne],
		*rightArray = new int[subArrayTwo];

	for (auto i = 0; i < subArrayOne; i++)
		leftArray[i] = array[left + i];
	for (auto j = 0; j < subArrayTwo; j++)
		rightArray[j] = array[mid + 1 + j];

	auto indexOfSubArrayOne = 0, indexOfSubArrayTwo = 0;
	int indexOfMergedArray = left;

	while (indexOfSubArrayOne < subArrayOne
		&& indexOfSubArrayTwo < subArrayTwo) {
		if (leftArray[indexOfSubArrayOne]
			<= rightArray[indexOfSubArrayTwo]) {
			array[indexOfMergedArray]
				= leftArray[indexOfSubArrayOne];
			indexOfSubArrayOne++;
		}
		else {
			array[indexOfMergedArray]
				= rightArray[indexOfSubArrayTwo];
			indexOfSubArrayTwo++;
		}
		indexOfMergedArray++;
	}

	while (indexOfSubArrayOne < subArrayOne) {
		array[indexOfMergedArray]
			= leftArray[indexOfSubArrayOne];
		indexOfSubArrayOne++;
		indexOfMergedArray++;
	}

	while (indexOfSubArrayTwo < subArrayTwo) {
		array[indexOfMergedArray]
			= rightArray[indexOfSubArrayTwo];
		indexOfSubArrayTwo++;
		indexOfMergedArray++;
	}
	delete[] leftArray;
	delete[] rightArray;
}

void mergeSort(int array[], int const begin, int const end)
{
	if (begin >= end)
		return;

	int mid = begin + (end - begin) / 2;
	mergeSort(array, begin, mid);
	mergeSort(array, mid + 1, end);
	merge(array, begin, mid, end);
}

void printArray(int A[], int size)
{
	for (int i = 0; i < size; i++)
		cout << A[i] << " ";
	cout << endl;
}

int main()
{
	int arr[] = { 12, 11, 13, 5, 6, 7 };
	int arr_size = sizeof(arr) / sizeof(arr[0]);

	cout << "Given array is \n";
	printArray(arr, arr_size);

	mergeSort(arr, 0, arr_size - 1);

	cout << "\nSorted array is \n";
	printArray(arr, arr_size);
	return 0;
}

```
Airtable 101: Getting Started with Airtable
Tags: nocode, airtable, learning, tutorial
Published: 2023-07-04 09:42:45

<h2> Airtable Basic concepts</h2>

1. Base: It is short for database and the home for your data and 
        contains all of the information you need for your workflow

2. Tables: Every base is organized into tables: distinct groups 
           and sets of data you use in your work. 
3. Fields: Each pertinent detail or variable associated with the 
           record goes into a field.
4. Records: A record is an individual item in your table. If 
            you’re assembling a staff directory, it’s each person; 
            if you’re tracking inventory, it’s a product.
5. Views: Views which are different ways of looking at the data in 
          your table, each of which can be deeply customized.

![Anatomy of airtable components](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dnm62pnkml0ygvflkwt.png)

<h2> Basic Operations </h2>

<h4>1. You can create your base by clicking on (+ start from scratch)</h4>

![Creating a new base](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uas25slq3v909e5uzy59.png)

<h4>2. Add field element</h4>
You can create new field by clicking on + icon on right corner and here we can assign field name, description and its type.<br>
There are many types like:

- Single line text
- Long text
- Date
- URL
- attachments like email, images,etc.....
-and many other

![Field types](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oq3j3ryyvqrqhjmp92uk.png)
<h4>3. Track key details with the single select field</h4>
 Single select fields allow you to create a custom set of dropdown 
 options to tag each record. They’re great for tracking the status 
 or priority of a record. 


![the single select field](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6le4sx6d8n0y2t7k4gfi.png)

<h4>4. Adding Record </h4>
Here you can add record by clicking + icon on left downside and you will get interface like shown in image. 

![Adding record](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bplr1s5rg21f0mcdta08.png)

<h4>5. Operations on Data </h4>
Here we can perform operations like 
- Sort data 
- Filter data 
- Group data according to tags or contents

![Toolbar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xtp4aqt6lea3z5vh1sn1.png)

<h4>6. Exploring different Views </h4>
In left side in image there are different types of view mentioned so you can visualize data in efficient way.
Here for example Kanban view is given

![Views](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ue83gq2bujtwe1eo7aja.png)
These are some basic concepts and operations that we can perform using Airtable. At its core, Airtable is a cloud-based collaboration platform that allows you to create, customize, and share databases with ease. It's designed for individuals, teams, and businesses to streamline their workflows, track data, and collaborate seamlessly. Airtable's intuitive interface makes it accessible to both tech-savvy users and those without any prior experience in databases.
Tor on OpenBSD 7.3
Tags: tor, network, privacy, openbsd
Published: 2023-07-04 09:40:10

## Summary

[Tor](https://www.torproject.org/) 🧅 provides highly private access 👯 to the Web ✨

This post shows how to install it and run on [OpenBSD](https://www.openbsd.org/).

### Environment

- OS: OpenBSD [7.3](https://www.openbsd.org/73.html)
- Daemon and client: Tor 0.4

## Tutorial

### Install

The easiest way is to use [`pkg_add`](https://man.openbsd.org/pkg_add):

```console
$ doas pkg_add tor
```

The result was:

```
quirks-6.121 signed on 2023-06-27T13:21:34Z
tor-0.4.7.13:libevent-2.1.12p0: ok
tor-0.4.7.13: ok
The following new rcscripts were installed: /etc/rc.d/tor
See rcctl(8) for details.
```

### Configure (Optional)

The configuration file is placed as `/etc/tor/torrc`.

### Run the daemon

Activate it first:

```
$ doas rcctl enable tor
```

Then run:

```
$ doas rcctl start tor
```

It printed out like:

```
tor(ok)
```

### Check it works

Run to test:

```console
$ curl \
      -x socks5h://127.0.0.1:9050 \
      -s https://check.torproject.org/api/ip
```

You will see like:

```json
{"IsTor":true,"IP":"xxx.xxx.xxx.xxx"}
```

Yes, it's working fine and we are in the Tor network and relays :)

## Conclusion

There are just few steps necessary to join Tor on OpenBSD 🌻 🧅 🐡
Building a Design System with React Web Components
Tags: designsystem, react, webcomponents
Published: 2023-07-04 09:26:30

What if you could build a universal Design system with React and use it in any web application or framework? We achieved this by compiling React to Web Components. This is how.

[Read the blog](https://www.voorhoede.nl/en/blog/building-design-system-react-web-components/)