DEV Community: Nitesh Sawant

Supercharge Your Strapi CMS Setup ⚡

Nitesh Sawant — Tue, 06 Apr 2021 07:24:40 +0000

Introduction

In this tutorial, I am going to share few tips which will help a developer ease backend development.

1️⃣ Improve Eslint configuration

By default when we create a project with npx create-strapi-app my-project --quickstart the .eslintrc uses "extends": "eslint:recommended",, which I found does not enforces rules strictly.

Alternative is to use eslint-config-google

Install below packages

 npm i -D eslint eslint-config-google babel-eslint

Update `.eslintrc`

{
  "parser": "babel-eslint",
  "extends": ["eslint:recommended", "google"],
  "env": {
    "commonjs": true,
    "es6": true,
    "node": true,
    "browser": false,
    "jest": true
  },
  "parserOptions": {
    "ecmaFeatures": {
      "experimentalObjectRestSpread": true,
      "jsx": false,
      "impliedStrict": true
    },
    "sourceType": "module"
  },
  "globals": {
    "strapi": true
  },
  "rules": {
    "indent": ["error", 2, { "SwitchCase": 1 }],
    "linebreak-style": ["off", "unix"],
    "no-console": "error",
    "quotes": ["error", "single"],
    "semi": ["error", "always"],
    "no-var": "error",
    "eqeqeq": ["error", "always"],
    "object-curly-spacing": "off"
  }
}

2️⃣ Add Prettier

Install Prettier as Dev dependency

npm i -D prettier

Create `.prettierrc` file

{
  "semi": true,
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 70
}

Create `.prettierignore` file

copy the content of the file in the link

3️⃣ Enable Unit testing with Jest

Follow the tutorial link in official strapi docs Link

Add jest configuration in `package.json`

 "scripts":{
    "test": "jest --forceExit --detectOpenHandles",
    "coverage": "jest --coverage --forceExit --detectOpenHandles"
  },
  "jest": {
    "testPathIgnorePatterns": [
      "/node_modules/",
      ".tmp",
      ".cache"
    ],
    "testEnvironment": "node",
    "collectCoverage": false,
    "collectCoverageFrom": [
      "api/**/*.js",
      "config/functions/**/*.js",
      "config/policies/**/*.js",
      "extensions/**/*.js"
    ],
    "coverageThreshold": {
      "global": {
        "branches": 70,
        "functions": 70,
        "lines": 70,
        "statements": 70
      }
    }

4️⃣ Use Husky to add a pre-commit hook

With husky, we can add pre-commit hooks to check for any linting issues and apply prettier formatting before committing changes to git.

Install Husky

npm i -D husky

update package.json

"scripts": {
    "eslint-fix": "eslint . --fix",
    "eslint": "eslint .",
    "lint": "prettier --check .",
    "format": "prettier --write .",
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*": [
      "eslint --fix",
      "prettier --write",
      "git add"
    ]
  },

5️⃣ Add bitbucket build pipeline

Here a build pipeline is used to make sure code passes certain before it can be merged.

Create `bitbucket-pipelines.yml` and copy below code

#  Template NodeJS build

#  This template allows you to validate your NodeJS code.
#  The workflow allows running tests and code linting on the default branch.

image: node:12.4.0

pipelines:
  default:
    - step:
        name: Code linting
        script:
          - npm install eslint babel-eslint eslint-config-google
          - npx eslint .
        caches:
          - node
  pull-requests:
    "**":
      - step:
          name: Build and Test
          caches:
            - node
          script:
            - npm install
            - npm run coverage
            - pipe: atlassian/slack-notify:1.0.0
              variables:
                WEBHOOK_URL: $WEBHOOK_URL
                MESSAGE: "Pull request build"

6️⃣ Create `server.js`

const strapi = require('strapi');

strapi(/* {...} */).start();

I have created a template repo with all the changes above,it can be accessed at

ns23 / strapi-template

Strapi CMS Supercharged

A quick description of your strapi application

View on GitHub

Please share your tips and tricks that you use to ease development in strapi.

Thanks for reading, I appreciate it! Have a good day.

Firebase - Remove Obsolete FCM Tokens in Node JS.

Nitesh Sawant — Tue, 29 Dec 2020 17:23:18 +0000

What is FCM ?

Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.

How FCM is used with Node JS .

Usually an mobile application or browser registers itself to with FCM and FCM gives that device an unique token.
The Device then sends this token ton Node JS server.
Node JS server stores that FCM token in database.
Now whenever user needs to be notified . Server using package Firebase, Sends push notification to the user.

The Problem

The problem starts to arise when the FCM tokens expire. It can happen in below cases.

User deletes the app without logging out.
User dont use the app for long time.

So this Obsolete tokens stays in the database and it takes up the space. In cases where user can log in into multiple devices. In backend if user needs to be notified some action to all the devices , In most of the push notification are triggered to Obsolete tokens.

The Solution

The Solution here is to run a cron job , may be once a week . Send a Dry push notification and check if the tokens throws any error .If there is any error it means the Token is obsolete and we can safety delete the token from database.

The Code

const admin = require("firebase-admin");

const serviceAccount = require(`./google-services.json`);

admin.initializeApp({
  credential: admin.credential.cert(serviceAccount),
  // databaseURL: 'https://marioplan-17d32.firebaseio.com'
});

const verifyToken = async (token) => {
  const message = {
    data: {
      score: "850",
      time: "2:45",
    },
    token,
  };
  return admin.messaging().send(message, true);
};

const allTokens = await allTokensFromDB();

for (let index = 0; index < allTokens.length; index++) {
  const element = allTokens[index];
  const { id, token } = element;
  try {
    await verifyToken(token);
  } catch (error) {
    if (
      error.code === "messaging/registration-token-not-registered" ||
      error.code === "messaging/invalid-argument"
    ) {
      await deleteTokenFromDB(id);
    }
  }
}

Run Above code Snippet as CRON job.

5 GitHub Repos for creating Resumes

Nitesh Sawant — Mon, 28 Dec 2020 18:06:28 +0000

There is a chapter in the book Soft Skills: The software developer's life manual which says a resume is like an advertising brochure. The advertisement is trying to get a hiring manager to fork over $60,000, $80,000, or more to rent a software developer for a year. And most cases our resumes are not up to the mark as we are not professional resume writers.

Why write a resume when we can code it.

I have curated five fantastic Github repositories that can be modified easily to create your Resume/CV.

1. salomonelli/best-resume-ever

GitHub stars: 89,300
Link

👔 💼 Build fast 🚀 and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS

2. sharu725/online-cv

GitHub stars: 1512
Link

It's A minimal Jekyll Theme to host your resume (CV). Edit data.yml and add your information. it can be hosted easily on Github pages / Netlify.

3. jsonresume/resume-cli

GitHub stars: 3680
Link

JSON Resume is a community-driven open-source initiative to create a JSON-based standard for resumes. The advantage here is that once a JSON is created we can any theme from over 250+ packages listed on npm.

4. WebPraktikos/universal-resume

GitHub stars: 1300
Link

Minimal and formal résumé (CV) website template for print, mobile, and desktop. It's built with amazing Tailwind CSS.

5. elipapa/markdown-cv

GitHub stars: 672
Link

It's a simple template to write your CV in a readable markdown file and use CSS to publish/print it.

Tips

Check the forks of the repo, to see how other developers have used the template to create their resumes.
Host your resume on Github Pages
When a resume is created in Jekyll, It a little difficult to create a pdf of resume. use www.sejda.com/html-to-pdf to convert HTML to PDF without any watermark.

Is it common for developer to loose passion to learn new things ?

Nitesh Sawant — Fri, 25 Sep 2020 15:05:15 +0000

When I started my career as a software developer. I found myself in front of a vast ocean of knowledge. And I had that drive to learn as many things as possible. I wanted to..

Change the world, one line of code at a time.

Now fast forward to 2020.It feels like I have lost that drive. I am finding it difficult to focus on learning new things and frequently procrastinating on my side projects.

Do most of the developer go through such phase ? What
are the possible reason a developer ends up in such situation?

And most important how one can overcome this phase ?

Is it a good practice to get all the data in Single call, when designing REST API for mobile App ?

Nitesh Sawant — Sun, 14 Jun 2020 11:27:48 +0000

Hi Everyone ,

I have a question regarding designing the REST API for mobile application.

Assuming I am designing a REST API for dashboard screen in mobile app.which fetches data from multiple tables in the database.

In this case, what is the ideal approach?

One rest API to fetch all the data at once.
Multiple rest API that fetches data from each database table.which may involve the second API to be called after the success of the first API.

Considering clean code practices like

Separation of code concerns
CPU usage/ and User experience on the app

Please share your experience on what should be the approach in such cases.

Thank you

How to test REST API where major bussiness logic is written in SQL

Nitesh Sawant — Mon, 27 May 2019 15:26:38 +0000

Hi all

I am working on REST API written in express where business logic is written in raw SQL queries.

I want to follow TDD for future development.But I am not able to find any resource to guide me on how to begin.

Could anyone please lead me in the right direction on how to write test ?

Facebook messenger bot that displays latest IT jobs in Goa, India

Nitesh Sawant — Mon, 03 Sep 2018 17:27:56 +0000

TL;DR

View source code on github

This weekend as a side project I created a simple Facebook chatbot, that notifies latest jobs posted on starupgoa.org

Goa is a land of Sea, Sand and Startups and starupgoa.org is one place where most of the IT jobs are posted.

The jobs on starupgoa.org are displayed like below.

After looking in the network tab in chrome, I found the Ajax call that fetches jobs.

To get the experience in javascript,es6, and MongoDB, I chose to build this bot with Javascript.

I found this awesome article on Hackernoon on
How to Build a Facebook Bot App Using Node.js

The post will be very big if I start to explain the code line by. So I will quickly tell how the bot works.

How bot works in general

Initially, I have fetched the latest 100 jobs from the website and have stored it in the database [used mlab as database].
When a Facebook user clicks on Get Started button, Bot captures that user's id and store it in the database. It is used to send the push notification.
When user types latest jobs in chat, bot fetches the latest five jobs from the database and displays it to the user.
I Wrote a cron job using node-schedule that runs every day at 1 AM and fetches the latest jobs from the website and stores it in the database.
If during cron job new jobs are fetched then bot send the push notification to the user with new Job.

Technology Stack

Backend : Node JS
Database : MongoDB mlab
Server : Heroku

Major Node Packages Used.

Bootbot - JavaScript Framework to build Facebook Messenger's Chat bots.
cheerio - Html Parser
winston - Logger
node-schedule - To run cron job
request - Make API call

Demo

Currently the bot is in development mode and is not available for everyone.

Suggestions are welcome

If you have suggestions to improve the bot please do comment.

Need Help

I want to write unit tests for this bot, but I am not getting how to start with writing unit tests. If someone can help me with it,I will be really grateful.

Conclusion

This is a simple bot and I hope It will be helpful to the IT job seekers in Goa.

Is NPM registry not working ?

Nitesh Sawant — Sat, 01 Sep 2018 13:11:52 +0000

Hello Everyone.

Today while I was workig on a Node JS project suddenly I was not able to install any packages using npm command.

I am getting below error whenever I am trying to install any package

So when I visited NPM regitry website I got following message.

Is anyone else getting the same error when trying to install a node package ?.

A python script that shows the distribution of IT companies in Goa India.

Nitesh Sawant — Sun, 29 Apr 2018 16:11:09 +0000

Recently I was learning web scraping using BeautifulSoup library in python.After learning the basics concepts of web scraping, I wanted to use to use it to write some real-world program.

While browsing the internet I came across website startupgoa.org which have a list of startups in Goa, India [FYI I am from GOA].

So I decided to write a python script that will

Scrap this list of companies in Goa.
Get location (latitude & Longitude) of these using Geocoder(I used Google geocoder API).
Plot those points on the map using a python package Folium

After lots of googling & searching for answers on StackOverflow below is the end result.

Demo :https://ns23.github.io/startupGoaMap/

Github Repo

Please do provide feedback & let me know in comments if I can improve this script.