This article shows the very basic application set up required to host a rails application with Angular 5 framework

Angular - Is a modern javascript framework for building web application in javascript,html and type script(super script of javascript)

Such kind of working will have two separate servers. One server will be hosting rails part and the second server will be hosting the angular part. The HTTP request raised will have a different origin header, than that of the server hosted, and...

Read complete blog post

In this article we are going to have look at some methods of Ember.computed class which helps you to refactor code or write more readable code. And most importantly if ember provides its own methods then why to write code with number of lines to do same thing.

Ember.computed class documentation: Ember.computed

getEach: This method returns all the values for attributes passed as argument.

var names = []

Read complete blog post

Routing is one of the toughest thing to Implement in Single Page App In React Ecosystem it is pretty much industry standard to use React Router to do routing. React Router have nice API and pleasant to work with but there few Issue that I faced while using React router

If you have declared component and it is not rendering It could be below three Issues.

  • First, if you are using any state management solutions like Redux or Mobx if you have assigned different components to render in a...

Read complete blog post

Firstly, we all might have or might not have heard about migration files. It's okay let me share you something. For that we should have some basic knowledge regarding migration.

what are the migration files and their purpose?

Migrations are used to modify your database schema over time and to tell the database about expected structure to have. Phoenix provides many helpers for migrating the database, allowing developers to use Elixir to alter their storage in a way that is database...

Read complete blog post

In previous articles, we have seen how to setup droplet on DO and installation of Nginx with the passenger. Capistrano provides you advanced tools to deploy your applications on the web server. It also allows you to perform pre and post-deployment steps such as restarting a web server, running migrations, deleting cache, etc. You can also write your custom task to run while deployment. Capistrano takes your code from version control such as Git and copies it onto your server via SSH. In this...

Read complete blog post

As a Developer, you have many challenges while you are working with many environments and endpoint in the same project. Without environment setup, you have to set the endpoint and certificate every time for a different environment. If we Configure Xcode for the different environment, It takes care of all endpoint, certificate and bundle ids. so the user can test all beta, dev and live app on the same device.

So, let's start with creating Endpoint

Endpoint Configuration

The first thing that...

Read complete blog post

Slack API provides Slack Incoming Webhook to easily send data on slack in real time. We just need to follow some steps and we are ready to send messages on slack.

Setup Slack Incoming Webhook Integration into the slack workspace: On page we can see the form to create Incoming Webhook Integration. Select channel on which you want to send a notification from the dropdown or you can create a new channel by clicking on the link create new channel.

enter image description here

Configuration Setting: After submitting the form...

Read complete blog post

One of our production web application runs on a dedicated node in DO (Digital Ocean) cloud server. This web application has following services running.

  • Elixir Phoenix API server
  • React.js client server
  • Redis caching server
  • Bots (Slack)

Few days back, Digital Ocean triggered an urgent maintenance for Meltdown and Spectre Mitigations resulting into a reboot of our PROD server. DO did alert us in advance by sending an email notification with schedules. But seems we missed these schedules...

Read complete blog post

In the previous article we had seen how to install Umbraco in visual studio. In this article we will discuss about the concepts needed to start creating web site and publishing content.

To create content and pages we must know 3 basic elements in Umbraco:

1. Document type:

It refers to type of content to be stored. Document type contains different property editors like rich text editor, media picker, content picker and grid editor. Property editors define what kind of data is to be stored ....

Read complete blog post

Although nowadays we have Email, SMS services integrated in most of web applications, sometimes there could be need of documentation for future reference which users may want to reuse later based on their need. Similar requirement we had in one of our web application where we wanted to provide option to user to generate single or bulk PDF files out of any HTML templates they have in their account. There was different features around the generation of PDF document but major work was involved...

Read complete blog post

To start with lets us take up the two most important questions, “What” and “Why

What is Repository Pattern?

Repository pattern is basically a layer to separate the Data access logic, thus avoiding duplication of Data Access Logic. It has direct access to Database, ORM etc. The repository behaves like a collection of data to which we can add, delete and update objects.

Why use Repository Pattern?

Let us take the example of an MVC application with Entity Framework, now in case of a basic...

Read complete blog post

So to start with, most important Concept, that is misunderstood as an unnecessary task by most of the developers – Unit Testing!!!

First, let us understand why it is very necessary for a developer to write unit test cases?


  • The most basic reason why test cases are written is, when we work in a team, many developers are contributing to the code base, and sometimes even on same modules. In such scenarios, if any developer checks-in a piece of code that breaks the functionality of...

Read complete blog post

JavaScript modules are the most used design pattern to keep your code separate from your components which provides loose coupling to your code.

Modules are JavaScript classes, which provides protection of states and behaviours from being accessed by other classes. The module pattern allows for public and private access levels.

This is how the code looks like:

(function() {

 // declare private variables and/or functions

 return {
 // declare public...

Read complete blog post

Recently, we have to build an Admin dashboard for an e-commerce application. This involves adding stores, items their photos and other data typically needed for managing the data from admin side for non technical people. Since, we are using rails framework so we had two options that are best suitable as per our need administrate and active admin. The former is very popular recently as it has several advantages over the latter. Unlike active admin you don't have to understand the DSL. It's...

Read complete blog post

enter image description here

Installation of Umbraco in Visual Studio

Introduction to Umbraco: Umbraco is an open source content management system developed using C#. It follows the MVC pattern. If you know C# and MVC you can easily learn umbraco. ‘U’ offers us following feature for developing and maintaining our website :

  • Full control over design, markup and version control of all contents
  • Ability to schedule content publishing
  • Simple editing and publishing
  • Support for localization
  • Provides workflow and event tracking...

Read complete blog post

We all know, Comments are every where Blogs, Social Networking sites, e-learning forums etc.

In this article, we've got an Article model and we want to create a nested commenting system onto that. Such that Article can have comments, comments can have replys, replys can have more replys and so on.

For example -

This is an article
 This is an comment
 this is a reply
 this is a reply's reply
 .... (so on)
 This is another comment.

Now, we're going to...

Read complete blog post

In my previous post, we discussed how we were able to sync our files and folders with Google Drive. You can refer the post here - Once we were done with the sync setup - next step is to ensure sync was accurate and timely i.e changes made in our application are accessed instantly in Google and more important changes made in Google are available in our application. We needed this without an impact on the...

Read complete blog post

As we all know uploading the iOS App on the App Store is a very long procedure. Some developer gets stuck at the certain point and fails to upload the app. So let's make the procedure very short of uploading the app with Fastlane Tool.

Fastlane provides the easiest way to build and release the mobile apps. It handles the time-consuming task for you, so you don't have to waste your development time.

Through Fastlane you can automate the process of taking the screenshot of the mobile app...

Read complete blog post

This is a one of the part of some of articles I wanted to publish for the things I learned or had less of web content when we were integrating a feature for Google Drive Folder Sync. Basic goal was to connect a Google Drive Folder and upload files from our app to Google and vice-versa. In this article we want to focus mainly on the uploads from our application.

Why do we need the Pre Generated Id for Files?

We are using Google Drive API V3 for this feature - ...

Read complete blog post

What is Auto Layout?

Auto Layout is a constraint-based layout system. It was introduced with Xcode 6 Beta. It allows developer to create an adaptive UI for the apps that responds appropriately to changes in screen size and device orientation.

Auto Layout dynamically calculates the size and position of all the views in your view hierarchy, based on constraints placed on those views.

Why Auto Layout?

Today we have lots of variants available of iPhone and iPad in size in market. So, the user...

Read complete blog post