Sun’s shining in beautiful Québec City, and I’m about to leave for my personal vacation [insert sunglasses emoji].

And I feel fancy. As a matter of fact, I feel like having myself a tropical summer drink. However, thanks to our content guy, I have one last duty to accomplish before I leave. My task: prove to our audience that enabling AngularJS e-commerce with Snipcart, our shopping cart platform, is child’s play.

Quick word on AngularJS

Mandatory protip: Make sure you know your pure JS before using a framework.

AngularJS is an open-source JavaScript web development framework with a strong focus on data binding, dependency injection, and single-page applications. Its initial version was developed by Google in 2010, and its highly anticipated v2.0 should fully ship by the end of the year ( hopefully). You can  read more about both versions on good ol’ Wikipedia.

Thousands  of small to huge sites are already powered by Angular. And today, we’ll add one more to the list with a tiny, funky shop demo.

In this post, I’m going to show you how to set up quick AngularJS e-commerce by integrating Snipcart’s shopping cart to a single-page application.

Plus, to quench my aforementioned estival thirst, we’re going to be selling… Piña coladas (and other cocktails)!

Let’s do it.

Step 1: Getting our Angular e-commerce project ready with Yeoman

Step 2: Including Snipcart’s shopping cart into our Angular application

Step 3: Creating our e-commerce products

Step 4: Deploying our frontend e-commerce app with Netlify

#angular #angularjs