An Open View

How To Add Intuit Customer Account Data (CAD) to a NodeJS Application

Posted by Chris Britz

Aug 17, 2015 2:58:00 PM Node js, Enterprise Fullstack

If you ever had the need to use Intuit's Customer Account Data(CAD) and are using NodeJS we have definitely been in the same boat together.  The boat where there is about ten anchors holding you back because Intuit does not have a module for NodeJS yet to help you.  Sound familiar?  If so, look no further, as I implemented their CAD API with JavaScript and put it in a NPM module called intuit-cad.  This allows you to effortlessly authenticate your customers and get access to their institution's data such as transactions and accounts. 


Read More


Creating your own Angular Material Navigation Menu

Posted by Chris Britz

Jul 8, 2015 12:48:00 PM AngularJS, Enterprise Fullstack, angular-material

Create an Angular Material style side nave menu.

For those like me who want to see the code first, then the code for this can be found in two locations.

  1. Github repo found here:  Github Angular Material Menu  
  2. Working Plunker found here:  Plunker ngMaterial Menu

Backstory

Ever since Angular Material came out I have been watching and waiting for the neat side navigation menu on their site


Read More


How to Test An Angular Directive's Linking Function Using Isolate Scope

Posted by Chris Britz

Feb 17, 2015 4:28:00 PM AngularJS, Enterprise Fullstack

Have you ever wanted to get the scope of a linking function in a directive for testing.  Let me rephrase that. Have you ever wanted to test the isolate scope within your directive's linking function?  You probably have if your are a fan of well written and maintainable code. So I was trying to test my brand spanking new directive lets call it "myPerogative".   Now myPerogative just happens to have an isolate scope like most directives. Normally when I test I use this sort of syntax:

NOTE: I write my Angular tests with Jasmine.  So any tests you see will use Jasmine's matchers and setup.  This Plunker will be used to demonstrate this blog post

     beforeEach(inject(function ($rootScope, $controller) {


        $scope = $rootScope.$new();


        controller = $controller('MyController', {
            '$scope': $scope
        });

However, this works will only controllers that are registered with the $controller service.  

Your probably thinking:


Read More


Install Ghost Blogger on Amazon EC2 ... Ridiculously Fast.

Posted by Chris Britz

Jan 26, 2015 9:27:18 AM Cloud Enablement

After already writing a blog post on installing ghost on Amazon EC2, found here: Installing Ghost on EC2, I found that there is a much easier way now if your running the Amazon Linux image on EC2.  Below, is the directions on how to do this.


Read More


Angular and D3 = ng3-charts: How to Build D3 Charts with Angular Directives

Posted by Chris Britz

Jan 8, 2015 1:37:00 PM AngularJS, JavaScript, Enterprise Fullstack

            Have you ever wanted to create stunning charts without having to learn the intricacies of D3 and SVG graphics in HTML?  After watching endless hours of D3 videos and reading multiple blog posts, documentation, and books with nothing to show but a headache and a blank web page I decided to try to find something encapsulate D3's internals.

Read More


How to enable a reCAPTCHA Image in an Angular/Node Application

Posted by Chris Britz

Oct 7, 2014 4:24:00 PM AngularJS, Node js

In this post I will talk about how I embedded a simple captcha widget in my Angular/Node application.  This task requires your Angular client and Node server to be changed, as the node server needs to make a request to the Google reCAPTCHA API server to verify key and challenge question.  Having the Angular and Node kind of separation of concerns I'll go through the Angular side first, and then I'll end with the Node server side implementation.


Read More


How to Create a Dynamic Modal Directive in Minutes using Angular and UI Bootstrap

Posted by Chris Britz

Aug 18, 2014 12:56:00 PM AngularJS

This talk I will walk through creating a modal window that is generic in the sense that it will take any old arbitrary html and stuff it in a modal window that is used throughout your site. This uses the Angular Bootstrap UI Modal window and wraps that directive in another directive. You can find the source code to a demo that I have created for this here. I have broken this down into the major sections in which, hopefully, this will be explained. You can either follow along or just look at the code located on the github link above. So let's get started.


Read More


Make Friends with Your Current Dev Node Modules and Bower Components

Posted by Chris Britz

Jul 29, 2014 5:01:00 PM Node js

In this post I will talk about npm link, however, if you just replace npm with bower you will be able to perform the same feature. There is one difference to note though. To have bower link work you must be in the directory where the bower.json file resides instead of the package.json file. Most of the time they reside in the same location, but sometimes they do not.


Read More


Setting up GoDaddy and Route53 with Ghost Blogger

Posted by Chris Britz

May 5, 2014 12:15:00 PM Nameserver, Route53

This is the second part of a three part series. If you would like to view the first part, which shows you how to setup and install the Ghost blogger on an Amazon EC2 instance, navigate yourself to Setting up Ghost on Amazon EC2 . This second part we will now setup my domain name "brilliantbritz.com", which is hosted by GoDaddy, to use Amazon's Route53 and replace the IP address we used in the first part with the domain name we have in GoDaddy. This will be a short part since we have done all the heavy lifting in the previous part on EC2 instance.


Read More


Compiling HTML on the Fly via $compileProvider Directive

Posted by Chris Britz

Apr 9, 2014 5:16:00 PM MongoDB, AngularJS, JavaScript, $Compile

Once again I find myself learning something new with Angular. Today I found out how to effectively use the $compile service to compile an html snippet containing an Angular binding expression. For example, a snippet matching the context of this:


Read More


Chris Britz

Avid software developer for Vizuri, Runner, Jeeper, Mountain Biker, and anything above. I am a person who loves to learn and learns to love.
    

Posts by Topic

see all

An Open View

Vizuri Blog

Subscribing to our blog is a great way to stay up to date with the latest information from Vizuri, as well as our strategic partners. We focus on providing a range of content that is practically useful and relevant from both a technical and business perspective.

We promise to respect your privacy.

×