DEV Community: vishal patidar

What is the NPM | How It's work?

vishal patidar — Wed, 31 May 2023 12:22:16 +0000

What is NPM?

NPM stand for node package manager. It is Node.js package manager which is used to download JavaScript module in any JavaScript project.

What is the need of NPM?

The main advantage of NPM is to be more productive your work.
For e.g. any developer create a module which is use to fetch data by calling API and developer create a method fetch(). Developer write all code to call API you just have to install the node package and call the fetch() function and pass the API end point URL as a parameter.

If you not install the node package manager so you have to write code from start so without wasting time you can use other developer created modules to build project in less time.

How we can use NPM package in JavaScript Project?

As we know that NPM is a command line tool so there is some command which is use to install and publish node package on the NPM package manager.

For example we want to install axios package which is use to call API.

 npm install package-name

Install axios in React project.

 npm install axios

Generate API key in JavaScript, Ruby and Python

vishal patidar — Wed, 08 Jun 2022 03:56:07 +0000

To access any application service sometimes we need an API key which is used to identify that only authorized users can access the service this API key could be in any format like hexadecimal and digits.

when a developer build an application (like a weather application) they have to generate a unique API key for all user who wants to access the service.

So How we can generate the API key?

It is quite easy to generate an API key in javascript, ruby, python or any other programming language we will use some library to generate random number strings.

Generate API key in Ruby


require 'securerandom'

SecureRandom.urlsafe_base64(size_of_string)

SecureRandom.urlsafe_base64(30)

#7o4ZvEldmQbdNTA7uPpVZL6YuPKn6HDk1uRL--dP

Generate API key in JavaScript

To generate a random key in javascript there is two way

@supercharge/strings package

Install the npm package

npm i @supercharge/strings

const Str = require('@supercharge/strings')

const random = Str.random()  

const random_WithFiftySymbols = Str.random(50)  

console.log(random);

//kpHWxNZgrm7MbvrrHuLDY

console.log(random_WithFiftySymbols);

//QQh0eGOvxI16cZIXzIyZ2rsNfOk0AjclxYRLYxhZhzL5ZH_7gi

By Node.js Crypto

To generate a random string by Node.js Crypto you don't need to download any additional package this module is come with node.js by default.

const Crypto = require('crypto')

function randomString(size = 30) {  
  return Crypto
    .randomBytes(size)
    .toString('base64')
    .slice(0, size)
}

console.log(randomString());

//UmjfVpC+d+6B2wZclWuz7BPePR6J9K

Generate API key in Python

By using random and string module we can generate random key with latter and digits.

import random
import string

print(''.join(random.choices(string.ascii_letters + string.digits, k=30)))

#vPDLFZ6NPozGW5LhEJIirm4aPHHKmC

Save this post ✅

Do like 😊

Share it 👨‍👨‍👦‍👦

Sorting Array In Different Languages JavaScript, Ruby, Python

vishal patidar — Sun, 05 Jun 2022 17:48:17 +0000

Some time when we solve any kind of problem we need to sort the data before perform the operation on the data every programming language provide some predefined methods to sort the data or element in ascending or descending order.

arr[] = {4,2,5,7,3,8,1}

Sort in Ascending Order

arr[] = {1,2,3,4,5,7,8};

Sort in Descending Order

arr[] = {8,7,5,4,3,2,1};

Javascript

To sort number and string in JavaScript both have different manner.Sort the number in JavaScript.

let arr = [4,2,5,7,3,8,1]

arr.sort((a,b)=>{return a-b})

console.log(arr)

//1,2,3,4,5,7,8

Sort the string in JavaScript is too easy you just have to call sort method.

let string_arr = ['ad', 'ds', 'ar', 'ee']

string_arr.sort( ( a, b )  => a.localeCompare( b ) );

console.log(string_arr);

//'ad', 'ar', 'ds', 'ee'

Ruby

Sort numbers in the ruby with the help of sort method.

arr = [3,5,4,66,22,34,12]

arr.sort!

#[3, 4, 5, 12, 22, 34, 66]

string_arr = ['ad', 'ds', 'ar', 'ee']

string_arr.sort!

#["ad", "ar", "ds", "ee"]

Python

Sort numbers in the python with the help of sort method.

arr = [3,5,4,66,22,34,12]

arr.sort()

#[3, 4, 5, 12, 22, 34, 66]

string_arr = ['ad', 'ds', 'ar', 'ee']

string_arr.sort()

#["ad", "ar", "ds", "ee"]

How can you access AWS S3 objects with lower latency.

vishal patidar — Tue, 31 May 2022 05:13:37 +0000

We can provide lower latency in AWS with the help of cross-region replication because it uses to replicate the same object to all regions so the end-user can access the object by nearest region.

What is cross-region replication

Amazon S3 supports cross-region replication that automatically replicates data across AWS regions with cross region replication, every object uploaded to an S3 bucket is automatically replicated to a different bucket on a different AWS region that you choose.

For E.g. you can use cross-region replication to provide lower latency data access in a different geographic region.

In the diagram, you can see that the user uploads an object to a specific region (Ohio) but the same object will replicate in all-region(London, Mumbai, Paris) which is decided by the user.

When we upload the file from the source region (Ohio) it will replicate to the destination region (London, Mumbai, Paris) bucket but when we upload an object from the destination region it does not replicate to the source region bucket.

It reduces latency like data is stored in the US(Ohio) and one person lives in London to access that data the request will go to the Ohio region but if we replicate the same object in the London region as well then it will take less time to access the object.

Cross-region replication can help if you have a compliance requirement to store copies of data hundreds of miles apart.

How to connect Apache tomcat to Apache Netbeans IDE

vishal patidar — Tue, 29 Mar 2022 18:30:21 +0000

What is Apache tomcat

it's an open-source Java servlet and Java Server Page container that lets developers implement an array of enterprise Java applications. Tomcat also runs a HTTP web server environment in which Java code can run.

What is Apache Netbeans

It's a IDE that is use to develop any kind of application like Java EE application, PHP, Java SE application and many more. It provide many tools and plugin that will productive developers works.

Before move further download apache tomcat and netbeans

Download apache tomcat version 9

Download Apache Netbeans version 12

you can download any version right now for the tomcat 10 version is available but for this blog we will use tomcat 9 version and Netbeans 12 version you can also download Netbeans version 13.

Download Apache tomcat file and unzip it.

Open the Netbeans IDE

Click on Services tab

Now right click on Servers and add server

Click on Browse button and Select tomcat folder that you downloaded

Now config username and password and should be remember because when you will run the server it will ask you to enter username and password.

Now your server will create on server tab and select server and do right click on created server and start server. It will ask you to enter username and password.

To check your server run successfully or not run below link on browser.

http://localhost:8080/

Create S3 bucket in AWS

vishal patidar — Sun, 27 Feb 2022 04:18:53 +0000

What is AWS (Amazon Web Service)

In simple word aws is just a cloud vendor (like other cloud vendor Google GCP and Micrsoft Azure) that work on pay as you go. It provide a servers where we can host our website and it can be access remotely from anywhere and many more service are provided by the AWS like - EC2, S3, IOT, ML, VPC, Container, Robotics etc.
check out all services

What is S3 (Simple Storage Service)

Amazon Simple Storage Service (Amazon S3) is an object storage service offering industry-leading scalability, data availability, security, and performance. Customers of all sizes and industries can store and protect any amount of data for virtually any use case, such as data lakes, cloud-native applications, and mobile apps. With cost-effective storage classes and easy-to-use management features, you can optimize costs, organize data, and configure fine-tuned access controls to meet specific business, organizational, and compliance requirements.

What is Bucket

Bucket is just a kind of container where we can put objects(object means we can say files) and we can also say that it could be a folder that contain some kind of files and folders.

Prerequisite

AWS account
Basic Knowledge of AWS
how storage or file system work
A smile on your face :)

In this article we will discuss two way to create S3 bucket

Through aws s3 dashboard
Through aws cli

Create S3 Bucket with AWS dashboard

Go to s3 dashboard (search S3 on search box and click it)

Click on create bucket button enter the bucket name and bucket name should be unique because bucket name would not be a duplicate. You can also select specific region in which region you want to create bucket.

By default all public access are blocked but you can unchecked if you want to make bucket public. If you unchecked all option then other user can access all the objects of this particular bucket otherwise no one can access this bucket objects.

At the end click on create button. Now you can see that one S3 bucket has added on dashboard.

Create S3 Bucket through AWS CLI

To create S3 bucket through AWS CLI you must install awscli tool.
Install AWS CLI (Linux, Mac, Windows)

For the linux user

go to the terminal and link your machine to the aws account to access all kind of service that provided by amazon aws. run bellow command on terminal.

$ aws configure

Now go to aws site and in top right side click on your Name > Security credentials > Access keys (access key ID and secret access key) then click on Create New Access Key button it will open model after that click on show access key or you can also download it.

And when you run aws configure on terminal it would ask bellow thing.

AWS Access Key ID
AWS Secret Access Key
Default region name
Default output format

To check connection is establish or not you can run bellow command.

$ aws sts get-caller-identity

{
    "Account": "123456789012", 
    "UserId": "AR#####:#####", 
    "Arn": "arn:aws:sts::123456789012:assumed-role/role-name/role-session-name"
}

To check how many s3 bucket exist on you account

$ aws s3 ls

Create new fresh S3 bucket

$ aws s3 mb s3://bucket_name --region region_name

$ aws s3 mb s3://vishaljipatid --region us-east-2

you can change region name and bucket name should be unique.
After that to check that bucket is created or not.

$ aws s3 ls

And you can also check bucket from aws S3 dashboard.

For More information you can follow AWS playlist on youtube
AWS playlist

How To Get All Colour Code From Image.

vishal patidar — Fri, 11 Feb 2022 15:47:59 +0000

Hello everyone! 🤝

I hope all are well 🙂

Today i am going to show how you can get all colour code that are in the image. It will be too helpful for fronted developer and website and mobile app designer.

https://imagecolorpicker.com/

It is amazing website and too easy to get image colour code as well as you can also get rgb colour code.

In the above example you can see that we get all colour code of the image have and you can also use zoom the image to get descriptive colour.

How to do this

step 1 - go to website https://imagecolorpicker.com/.

step 2 - Click on Use Your Image and upload image.

Thanks 🙂

Connect MySQL to Apache NetBeans 🚀

vishal patidar — Mon, 07 Feb 2022 08:07:53 +0000

Hello Everyone, I hope all are doing extremely well 😊

Prerequisite

Connect MySQL to Apache Netbeans it's too headache work but after reading this blog it's a cakewalk. Without wasting time let's get start.

Step 1 - Open Apache NetBeans and go to the service tab.

Step 2 - Right click on Databases and then click on New Connection

Step 3 - Export the downloaded connector folder then click on add button then select MySQL-connector jar file. Click on Next button.

Step 4 - Enter your MySQL username and password (default username is root and port is 3306).

After adding the credential you can test connection by click on Test connection button if all is working fine then you can click on Finish button.

Happy coding....👍

How to use config / credentials file in rails.

vishal patidar — Thu, 04 Mar 2021 11:57:27 +0000

In this post i am going to show to use config/credentials.yml.enc file in rails application. So let's get start all thing one by one. Before going forward we need to know what is the use of config/credentials.yml.enc file.

credential file is very important for every rails project with the help of this file we can store credential data like api key, password, username, emails etc in encrypted format.

So, what is the exactly need of credential file. For example you developed weather application and in this application you used weather API and after developed the application you pushed the code on GitHub (as a public repository) and that time anyone can see your personal weather API. So for that we use credential file with this anyone can't see you API key because of the file is in encrypt format.

So how to implement credential file in your rails project.

Firstly you have to create new rails application with rails new command. After doing this if you go to config/credentials.yml.enc file you will see that the file is encrypted format.

Next you have to add credential data like API key/password in the credentials.yml.enc file. So for that you have to run this given below command on the terminal.

$ cd weather_project

$ EDITOR="code --wait" rails credentials:edit

In the line i mentioned code keyword because i want to open this file on VSCode you can also open this file another IDE like Atom and when i run this command the credentials.yml.enc file open in Visual studio Code in decrypted format.like this

  # aws:
  #   access_key_id: 123
  #   secret_access_key: 345

  #  Used as the base secret for all MessageVerifiers in 
  Rails, including the one protecting cookies.
  secret_key_base:abcdefghijklmopadsaweqwe

So now you have to uncomment top two line of code in this file. You can also add other API key and password like this.

  weather_api: 123456789

After doing this save(ctrl+s) the file and close ❌ the VSCode. If you want to check that API key successfully add or not so for that run command on terminal.

  $ rails c

  $ Rails.application.credentials.weather_api

Output - 123456789

Happy coding..😊