Tips Posts
How To Setup SSH key in WindowsLaravel

How To Setup SSH key in WindowsLaravel
In this article, I show you how to set up SSH in windows10,
first of all, you have a question what is the ssh key, and why do we need it?
you can watch this video or follow an article.
Let me explain a bit more, An SSH key is a secure access credential used in the Secure Shell protocol. SSH keys use key pairs based on public key infrastructure technology, the gold standard for digital identity authentication and encryption, to provide a secure and scalable method of authentication. as you know all developers use git for pushing, fetching, and pulling their code from GitLab, GitHub, and any other tools.
So, using SSH key you can use git for your repository and get authentication from GitHub or any tool where you add ssh.
When you set up an SSH key, you create a key pair that contains a private key (saved to your local computer) and a public key.
So, Let's Set up SSH for Git on Windows
Step1: Set up your default identity
firs of all open your terminals like gitbash
or cmDer
.
- Now, type the command
ssh-keygen
and enter and command prompts you for a file to save the key in:
$ssh-keygen Generating public/private rsa key pair. Enter file in which to save the key (/c/Users/emmap1/.ssh/id_rsa):
-
Press enter to accept the default key and path,
/c/Users/<username>/.ssh/id_rsa
. or you can specify the path and then press enter. -
Enter and re-enter a passphrase when prompted.
-
final out put in your terminal is look likes,
ssh-keygen Generating public/private rsa key pair. Enter file in which to save the key (/c/Users/shailesh/.ssh/id_rsa): Created directory '/c/Users/shailesh/.ssh'. Enter passphrase (empty for no passphrase): Enter the same passphrase again: Your identification has been saved in /c/Users/shailesh/.ssh/id_rsa. Your public key has been saved in /c/Users/shailesh/.ssh/id_rsa.pub. The key fingerprint is: e7:94:d1:a3:02:ee:38:6e:a4:5e:26:a3:a9:f4:95:d4 shailesh@InfyOm-PC
-
Let's navigate to path
cd /c/Users/shailesh/.ssh/
and firels
command for confirming file generated or not. -
ls
command displays two files, one for the public key (for example id_rsa.pub) and one for the private key (for example, id_rsa) if successfully generated.
Step 2: Add SSH in Bitbucket.
- let's fire command
cat id_rsa.pub
on the terminal and make sure you stay on the.ssh
directory. - Now, you can see the key in the terminal. so, copy it and add it to bitbucket. click here for Bitbucket and here for Github to add SSH to your account.
Step 3: Add the SSH key to the ssh-agent.
fire command $eval ssh-agent
into the terminal and you get output like Agent pid 9795
. 9765 PID may be different in your PC.
Step 4: Check Login in terminal
fire command ssh -T git@bitbucket.org
in your terminal and you can get output like
Warning: Permanently added the RSA host key for IP address '104.192.141.1' to the list of known hosts.
authenticated via ssh key.
You can use git to connect to Bitbucket. Shell access is disabled
Best practices for React JS developer part-2React

Best practices for React JS developer part-2React
In the previous article, we learned 5 areas or tips on Best practices for React JS developer.
In this article, we will learn more about areas or tips
- Object Destructuring.
- When pass value in props
- Tags close it self.
- Do not use underscore in any method name.
- Use alt in img tag.
Object distracting
You can use object distracting
Not Good
return (
<>
{user.firstName}
</>
)
Good
const { firstName } = user;
return (
<>
{firstName}
</>
)
When pass value in props
When pass the data between two component that time use camelCase for prop names.
Not Good
<Home
UserName="demo"
phone_number={9898989898}
/>
Good
<Home
userName="demo"
phoneNumber={9898989898}
/>
Tags close it self
Any component in not use children so closing it self
Not Good
<Home userName="demo"></Home>
Good
<Home
userName="demo"
/>
Do not use underscore in any method name
You don't need underscores in any React method.
Not Good
const _onClickHandler = () => {
// Your code
}
Good
const onClickHandler = () => {
// Your code
}
Use alt attribute in img tag
Do use alt attribute in the img tag. and don’t use picture or image name in your alt property.
Not Good
<img src="hello.png" />
Good
<img src="hello.png" alt="This is hero image" />
Marketing Strategies to Increase SalesSales

Marketing Strategies to Increase SalesSales
Finding new customers or retargeting the previous customers to buy your products or services is an important part of the entire sales process.
It may be tough for every people of your target to buy your product or service but to increase sales, you find which strategy works for you and try to use different types of a strategy used for buyer's intent.
Do you have great products but may not increase sales as you want? That's okay so don't worry below techniques maybe work for you.
Use the following marketing strategies to increase sales and gain the right customer who can buy your products or services easily.
First of all, we define customer journey in various steps:
- Awareness of product
- Interest in products
- Evaluation of customer
- Commitment about product or services
- Sale products your buying intent person
Marketing strategies to increase sales
1. People want to benefit from buying products
People never buy products, they buy results that the product will give so start to identifier your customer and talk about the benefits of products.
Think you are buyers and you want to purchase products like TV so think about what benefits I will get If I buy a TV. Always people thoughts about If they buy a product from you then what benefits they will get and validity of the product.
2. Define customer
Who is the person who is interested in your products and buying them immediately?
Think about that person in your mind create a visual picture of that person.
Ask some specific questions
- How old are they?
- Are they male or female?
- Do they have children?
- How much money do they make?
- Do they have an education?
- The working field of the person?
- Are they interested in your products?
3. Create videos of products
Video of product can give some extra benefits over photos so try to create an amazing video of particular products working or anything else.
In digital marketing, video is most popular to attract customers to buy products.
Short video or long video marketers use this media to convert more leads.
Types of video content for different use
- Client testimonials video
- Product review video
- Animation video
- How to use products video
- Videos for PPC advertising
4. Organic traffic through SEO
Create a blog content of products and describe of products in a blog how to use, which material used in this products, how they can benefit you, reviews of products, etc using best practices of SEO.
They take a long time to search for an appearance on first-page google but when it comes it gives you more benefits than paid services.
Best practices of SEO
- Optimized your image or video
- Best title tag that users can easily attract
- Always try to get benefits of users
- Create user-friendly content
- Links to other pages on your website that might interest the viewer
5. Pick the right price for a product
If you pick a high price of products then market rates, so definitely your product doesn't sell so choose price customer can afford it and you will get some income using sell products.
Do market research on your competitor and pick the right price for your products.
If you can make your product seem superior to your competitors, you can charge a higher price as you want but first, do market research.
Best practices for React JS developerReact

Best practices for React JS developerReact
Today we are going to see best practices for React JS developer
- Passing a boolean variables.
- Do not define a function within a render
- Naming of the components
- Use of the Ternary Operators
- Don’t Need Curly Braces in string
Passing a boolean variables
Passing boolean variables in to two components.
Not Good
return (
<Home showTitle={true}/>
);
Good
return (
<Home showTitle/>
);
Do not define a function within a render
Don’t define a function inside render.
Not Good
return (
<button onClick={() => dispatch(ACTION_TO_SEND_DATA)}>
Example
</button>
)
Good
const submitData = () => dispatch(ACTION_TO_SEND_DATA)
return (
<button onClick={submitData}>
Example
</button>
)
Naming of the components
You can use PascalCase for name of the components and camelCase for name of the instances.
Not Good
import createCard from './CreateCard';
const ReservationItem = <ReservationCard />;
Good
import CreateCard from './CreateCard';
const reservationItem = <ReservationCard />;
Use of the Ternary Operators
Developer how can use ternary operator in React js.
Not Good
const { role } = user;
if(role === 'ADMIN') {
return <AdminUser />
}else{
return <NormalUser />
}
Good
const { role } = user;
return role === 'ADMIN' ? <AdminUser /> : <NormalUser />
Don’t Need Curly Braces in string
When developer passing string props to a children component
Not Good
return(
<Navbar title={"My Special App"} />
)
Good
return(
<Navbar title="My Special App" />
)
Hope this helps for React js developer
Business Strategy for Software CompaniesSales

Business Strategy for Software CompaniesSales
What is software marketing?
The process of creating a market for any software leads to software marketing. Simply put, it is a way to market any software in the digital space for more sales and promotion of software.
Every startup software company uses a variety of methods and techniques to harness the marketing resources available in the digital marketplace.
Each software has its own user goals and benefits. Target customers are also defined according to the software. You cannot market software like other products. There are specific strategies that every startup software company needs to follow. Every company wants to increase its profits. Investing in product marketing increases profits.
There are some rules before you devise a market strategy
- Create your story before you appear
- Set goals before you plan to achieve
- Create an excellent website
- Keep the website SEO friendly
- Email marketing campaigns
Create your story before you appear
There is a story behind every creation and also of your software. Think about your startup and the software you want to market.
Software companies make the mistake of giving too many technical explanations in their communications before the customer understands the operation of the software and what it does.
You need to create and tell a story that explains the idea of software, its functions, what it offers to its customers, and ways to differentiate businesses from competitors.
Set goals before you plan to achieve
Before formulating a marketing strategy, you need to set goals. Why? It is not possible to know success unless the goal is to be achieved.
Setting goals is one way to understand what you want from a marketing strategy. Ask yourself, what are you planning to achieve with the market strategy? Is it to increase sales or to reach more target customers or is it a brand awareness marketing strategy?
Keep the website SEO friendly
You need to try to make your website SEO-friendly. It helps with organic traffic to websites. Visitors coming through organic traffic are mostly your potential customers. Give them what they want.
Email marketing campaigns
Email marketing is one of the best marketing strategies for startups. It helps build a database of potential customers as well as convert potential customers into sales. Drip email leads to sales leads by downloading sequence content or providing trial software links. Offering something for free in an email leads to your website.
How to connect contentful CMS in the gatsby websiteGatsby

How to connect contentful CMS in the gatsby websiteGatsby
Gatsby
Gatsby is a blazing-fast website framework for React. It allows developers to build React-based websites within minutes.
Contentful CMS
Contentful is content infrastructure. Contentful lets you create, manage and distribute content to any platform. Unlike a CMS, Contentful give you total freedom to create your own content model so you can decide which content you want to manage.
Integrate Gatsby with Contentful
Install gatsby-source-contentful package
npm install gatsby-source-contentful
gatsby-config.js file
add the gatsby config file in the following code
plugins: [
{
resolve: `gatsby-source-contentful`,
options: {
spaceId: `your_space_id`,
accessToken: `your_access_token`
}
}
]
Now connect your gatsby website and contentful CMS.
Here is an example of the GraphQL API query
import React from "react"
import { useStaticQuery, graphql, Link } from "gatsby"
import Layout from "../components/layout"
const Blog = () => {
const data = useStaticQuery(
graphql`
query {
allContentfulBlogPost{ //BlogPost collection name
edges {
node {
title
id
slug
}
}
}
}
`
)
return (
<div>
<p>
<Link to="/">Go back to the homepage</Link>
</p>
<ul className="posts">
{data.allContentfulBlogPost.edges.map(edge => {
return (
<li className="post" key={edge.node.id}>
<h2>
<Link to={`/blog/${edge.node.slug}/`}>{edge.node.title}</Link>
</h2>
<p className="excerpt">
{edge.node.excerpt.childMarkdownRemark.excerpt}
</p>
<div className="button">
<Link to={`/blog/${edge.node.slug}/`}>Read More</Link>
</div>
</li>
)
})}
</ul>
</div>
)
}
export default Blog
Hope this helps.
How To Make a Laravel Application PWA In Few MinutesLaravel

How To Make a Laravel Application PWA In Few MinutesLaravel
Recently, I have created a new package for Laravel Community. it's called Laravel PWA. first of all what is PWA? let me explain a bit more about PWA. PWA means progressive web application. PWA provides a facility to install your web application on mobile and desktop. you don't need to write lots of line code in native platform-specific code.
You can create a PWA site in a few minutes using Laravel PWA.
You can watch the video tutorial as well to install this package.
Step 1:
Install the package by the following command,
composer require ladumor/laravel-pwa
Step 2:
Add Service Provide into app.php
config file in provider section. You can skip this step if you installed it in Laravel 6 and more.
Ladumor\LaravelPwa\PWAServiceProvider::class,
Step 3:
Add Facade to app.php
config file in aliases
section. You can skip this step if you installed it in Laravel 6 and more.
'LaravelPwa' => \Ladumor\LaravelPwa\LaravelPwa::class,
Step 4:
I think installation is done and no need to publish all the assets using the following command,
php artisan laravel-pwa:publish
Step 5:
This step is very important. you published all the assets in the previous step. now, you need to link all the assets in your main blade file. for ex app.blade.php
Add the following code in the root blade file in the header section.
<!-- PWA -->
<meta name="theme-color" content="#6777ef"/>
<link rel="apple-touch-icon" href="{{ asset('logo.PNG') }}">
<link rel="manifest" href="{{ asset('/manifest.json') }}">
Add following code in root blade file before close the body,
<script src="{{ asset('/sw.js') }}"></script>
<script>
if (!navigator.serviceWorker.controller) {
navigator.serviceWorker.register("/sw.js").then(function (reg) {
console.log("Service worker has been registered for scope: " + reg.scope);
});
}
</script>
You should watch this tutorial if you want to set it up manually instead of using this package.
Android 11 Released: Top New FeaturesAndroid Development

Android 11 Released: Top New FeaturesAndroid Development
This is only part of what’s new, as there are over 100 features that serve app developers to further the entire Android experience. On Google's developer website, you can read about it all.
Media controls
While playing music, you can usually see a notification with music controls if you swipe down the notification drawer. However, now in Android 11, these controls are integrated into the Quick Settings menu. So, if you swipe to the top of the screen and with your Bluetooth and Wi-Fi tiles, you can see the music controls.
You can also choose which device will play music, which is accessible if you have Bluetooth earbuds or speakers connected. Drag the menu further down to see other options, such as the ability to select a song without opening the Music app.
Conversations and Bubbles
Google is finally unveiling its official implementation of the conversation bubbles. If you use Facebook Messenger on Android, you will already be familiar with this feature. This feature enables the conversation to stay in floating bubbles that can be moved around the screen and retrieved from within any application.
Google's own documentation says the section will be on "many phones," not all of them, so some manufacturers may choose to display it differently. In any case, apps will need to be updated to tell Android which notifications are conversations.
Screen recorder
Android finally has in-built screen recording. Screen recording in Android 11 is as easy as adding a quick setting tile and clicking it. Before you start recording, you can choose whether you need to record audio from your microphone or you can choose to show touch on the screen.
The new screen recorder can be accessed by tapping the 'Screen Record' tile in Quick Settings - if you don't see it on your device, press the Edit button in Quick Settings and drag the tile from the hidden options. Once you have it, just tap it to start recording.
Power button menu
Android 11 comes with a new power menu that enables you to quickly access all connected smart devices.
To reach the new menu just long-press the power button and control all connected devices like smart locks and thermostats with one click, without the need to open a lot of applications. This latest addition lets us feel like Google has finally brought smartphones to the smart home.
Notification history
Have you ever wondered which apps send the most push alerts to your phone? Did you accidentally clear the notification and aren't sure if you missed something important? If so, you'll love the new Android 11 Notification History page.
Do you ever refresh an instruction before you get a chance to read it? Right now, you don’t have to think that it was something important. Android 11 has launched Notification History which can be accessed by navigating to Settings> Apps & Notifications> Notifications> Notification History.
Improved 5G Support
Android 11 includes enhanced developer support to help you reap the benefits of faster speeds and 5G networks. You can understand that when a user connects to a 5G network, they get an estimate of the connection bandwidth and check if the connection is metered.