Create custom WhatsApp stickers with your photo – See How?

WhatsApp has recently introduced stickers option. To get this feature, make sure you are using the latest version of WhatsApp.

So, how to create custom WhatsApp stickers?

Go to google play store, install the following app

Sticker maker for WhatsApp

Click here for the download link
‘Sticker maker for WhatsApp’ is one of the easiest ways to use stickers on WhatsApp and here is how to use:
  1. Make Sticker packs for a pet, your girlfriend, your family, your friends in 4 easy steps.
  2. And add a name for your pack
  3. Add the stickers to the pack, cut them with your finger.
  4. Publish the Sticker pack.

 

Now, a new page that lets you add up to 30 custom stickers of your own will open. However, the icon on top will be the tray icon or the icon which will appear as an identifier for you sticker pack in WhatsApp. Do note that the tray icon will not appear as a sticker.

Steps to create the sticker pack

Install the Sticker maker for WhatsApp app

Screenshot_20181111-173621

 

After installing, open the app and create sticker pack

Screenshot_20181111-173730

 

Add the images you wish to add in the pack, you need to add a minimum 3 stickers to save the pack

Screenshot_20181111-174219

 

Once added, you can publish and add to your WhatsApp. Make sure you are using images with no background or less background.

To clear the background, you can use the app “Background Eraser”

Screenshot Image

If you are just experimenting with the app, you can download a sample picture from the internet. Search in google for images with png format.
Screenshot_20181111-173821

 

 

Once you have published the sticker and added to Whatsapp. You can start sending to your friends.

 

I hope you have a funny picture of your friends. So give a try and leave your feedback in the comment section.

Have fun.

npm – a quick walk

As a part of learning angular, I would suggest everyone learn and understand the basic concept of npm

Maybe by finding answers for few of questions listed below

  • What is npm?
  • What is the role of npm?
  • How to use it?
  • Why we are going to use it?

So, what is npm?

npm – node package manager

Let’s split the sentence and understand the meaning present in the abbreviation.

Node

Here node.js is mentioned as the node. Node.js is a server-side JavaScript environment. It uses an asynchronous event-driven model and is designed for writing scalable Internet applications, notably web servers.

Package

Modules of code grouped up into a component which can be used in various project or application.

Manager

Managing the dependencies with the various operation like install, uninstall, update and so on.

Now, we can frame our own definition for npm from above split up an explanation. So using npm, we can manage (install, uninstall, organize) the node.js packages in our project.

npm is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js.

npm has CLI terminal and website to search for packages.

What is the role of npm?

npm does N number of roles in various projects. I’m just mentioning the various steps which we are going to use in our upcoming posts in the end user developer point of view

  • install packages
  • uninstall packages
  • version maintenance of packages across the team
  • maintaining the dependencies

How to use it?

Simple, install Node.js

npm is distributed with Node.js- which means that when we download and install Node.js, we automatically get npm installed on our computer.

Using following command in terminal, we can check whether our toolset get installed successfully,

// to check node.js version
node -v

// to check npm version
npm -v

 

packages.json

What is this packages.json? this is one of the important things we should get familiar if we are going for use npm in our projects.

  • packages.json file is like the registry of packages in our project.
  • it lists the packages that our project depends on.
  • allows us to specify the versions of a package that our project can use using semantic versioning rules.

How to create packages.json file?

Open terminal with your target folder location.

Type npm init and Enter, now you’ll be caught up with few questions. After you have answered most of the question, your file will get created.

name and version fields are mandatory fields.

npm_cmd

If you are afraid of questions, we have another quick option.

Enter command npm init –yes

npm_cmd_2

Using –yes argument option, the npm will create packages.json file with default values.

Install a package

npm install (in the package directory, no arguments) – Install the dependencies in the local node_modules folder.

In global mode (ie, with -g or --global appended to the command), it installs the current package context (ie, the current working directory) as a global package.

You can find detailed details of npm install options in this link

A package can be downloaded with the command:

npm install <package_name>

The --save and --save-dev install flags

The easier (and more awesome) way to add dependencies to your package.json is to do from the command line, flagging the npm install command with either --save or --save-dev, depending on how you’d like to use that dependency.

To add an entry to your package.json‘s dependencies:

npm install <package_name> --save

To add an entry to your package.json‘s devDependencies:

npm install <package_name> --save-dev

 

That’s it. Few lines have been copied from official documentation. :p

Let’s conclude, using npm we can manage number of packages in our projects easily.

Happy Coding!