Rapid E-Commerce with Angular and Moltin – Easy, Fast E-Commerce Development



Let's build an E-Commerce site FAST with Angular and Moltin.
Signup for Moltin's Free Tier Here: http://midga.me/1zSkKYS

Again, this is a sponsored video - Moltin asked if I'd be interested in featuring their product, and I clearly approve.

Wanna see a full-blown implementation in angular? They have one on github: https://github.com/moltin/js-demo

Moltin Intro Video: http://youtu.be/Icltr-6nRLg
Yeoman Intro Video: https://www.youtube.com/watch?v=gKiaLSJW5xI&list=PLoYCgNOIyGAB0_YBfdNP5oqAD98HtAQqL&index=8
Angular Intro Video: https://www.youtube.com/watch?v=QETUuZ27N0w&index=1&list=PLoYCgNOIyGAApoDfJHjmMgGNlYenKg5jO

So what we're going to do here is use Yeoman Generator-Angular to scaffold out an Angular app for us and generate routes. Then, we're going to use Moltin's E-Commerce API's to create an E-Commerce site with Angular in just minutes!

The great thing about Moltin, is you can have all of your inventory, products, orders, shipping, etc 100% separated from your application codebase - this is a GREAT separation of concerns in my opinion.

code source

  • Hey thanks for this awesome tutorial. I'm getting this error:angular.js:13236 Error: [$injector:unpr] Unknown provider: $categoriesProvider <- $categories <- StoreCtrl. I just can't figure out why.

    View Comment
  • DAYUM, as a javascript/angularjs/nodejs noob this video blew my mind. And I thought I was smart doing an ecommerce with php and mysql huehue.

    View Comment
  • Here is a FREE, Full Featured AngularJS Shopping Cart with Full Source Code and packed with features and an Cart Editor:
    http://www.codeproject.com/Articles/881354/A-Shopping-Cart-using-Angular-Mobile-Responsive

    View Comment
  • Remember you have to install moltin first! It is obvious but I missed it and couldn't understand why the console was complaining moltin was undefined. So do "npm install moltin" and then "npm install" inside your project's directory. Also look out for bower problems, when you do "bower install" there has to be some output in the console. No output means something's wrong!

    View Comment
  • Hi, what kind of data will be transferred into the moltin clould? Sensible customer details like names, addresses, payment information?

    View Comment
  • This video is NUTS! WOWOWOW!!!!

    View Comment
  • Could you provide us the source code ? thx

    View Comment
  • "Hey here is garage with my books"

    View Comment
  • Hi thea, I seem to be having a problem getting the grunt serve running? I get 2 warnings and 1 'command failed':
    —————————————————————————————–
    Warning: Running "compass:server" (compass) task
    Warning: Command failed: /bin/sh -c compass –version
    /bin/sh: compass: command not found
    Use –force to continue.
    —————————————————————————————–
    Any suggestions? I can get the grunt server running on my other apps, just not this one.

    Cheers,

    View Comment
  • It would be wonderful a video about cart, orders and payment

    View Comment
  • Your videos are just awesome! Easy to understand and showing new cool things and best practices…
    Please make more (not specificly on Moltin but anything fancy that's got to do with web development).
    :-)

    View Comment
  • I'd love to see a follow up to this video. Thanks a lot for posting.

    View Comment
  • OMG o.O can't believe that's all what it takes to set it up…

    View Comment
  • generator-angular doesn't work on my windows System and i am getting really frustreated cause i have no idea how to fix it . what would you suggest me to do ??

    View Comment
  • Very nice tutorial! I did already know AngularJS, how to use Yeoman, Bower, etc., but Moltin was new to me. I like Moltin's approach with the API and keeping most of the Shop details away from the developers.

    Since I often build smaller e-commerce sites for my clients, this is pure gold. Woo-Commerce and Jigoshop are awfully buggy and lacking, Shopware is pure overkill for almost any small e-commerce shop, all three seem to be mainly made to sell plugins that do what the actual shop should bring with it in the first place.

    Moltin, however, seems perfect for many of my clients, since I could write a lot of the features myself, without messing around in the actual shop software (because the plugin API lacks features) and risking problems with each new update.

    There is, however, one problem with the AngularJS approach, which is that it can be a pain in the butt to set up SEO with. Of course I could build the actual website with Python, PHP or Node on the server side, but this would make the Shop feel much more "static" and I just love the flexibility of client side MV* JavaScript, so I'm curious, how would you, personally, ensure proper SEO with AngularJS?

    Once again great tutorial!

    View Comment
  • Yomen has been having trouble installing for me on windows ahhh. This stuff can be so buggy at times.

    View Comment
  • +LearnCode.academy Hey Will, When I use <h1>{{ product.title }}</h1> on product.html file, it doesn't show anything but if I do Console.log in controller it shows the title and id with the whole object. Great videos man, thanks!

    View Comment
  • I'm not sure how I did this, but I got to the step at minute 19 (getting product page running), and I get the console.log(product) to resolve just fine, but when I put <h1>{{ product.title }}</h1> into my product.html, nothing shows up… I can get plain text to work, but not the variables. Any help is greatly appreciated ^_^b

    View Comment
  • "Uncaught ReferenceError: $timeout is not defined", I have tried to call it as "setTimeout" and got same error in console.

    View Comment
  • I'm trying to deploy this demo app to heroku but am unable to do so. Do you recommend any tutorials for deploying this type of app?

    View Comment
  • I keep getting an error "Moltin is not defined" at the beginning .. tried over and over — the same …. any guesses what the problem might be ? (

    View Comment
  • Hey Will! Can you do videos on testing with node.js, client side js and angularjs framework etc.

    – via YtPak(.com)

    View Comment
  • can you do a tutorial on how you got your terminal to look like that?

    View Comment
  • that angular error messages are really usefull, jk

    View Comment
  • Completely different topic from this video, but do you know of any videos which would help explain how to make a custom calendar with javascript? Thanks, and keep up the videos!

    View Comment
  • Super cool stuff, as always. Leaves practically no questions. Also, on a side note – what's your sublime colour scheme? It's really gentle.

    View Comment
  • +LearnCode.academy Im a beginnner learning on w3schools but im wondering now, How to take notes on what im learning.

    View Comment
  • how do you get sublime to work command line in windows?

    View Comment
  • Would love to see the rest of this, like customer login and checkout, please!

    View Comment
  • +LearnCode.academy Can you do a video on how to change the ownership/permissions properly so people don't have to use 'sudo' to not get errors when trying to run/install new packages? I don't know about everyone else, but this happens to me often whether it's ruby, nodejs, or whatever. You seem to never have this problem on your videos so I assume you know something I don't haha. Any help would be greatly appreciated.
    Thanks

    View Comment
  • What color scheme are you using for sublime??? It's pretty sweet!

    View Comment
  • How can we do search engine optimization with angularjs and other client side applications or "can we"?

    View Comment
  • Angular Architecture video please.

    View Comment
  • They handle the payment process too?

    View Comment
  • Hello. I am an undergraduate electrical engineer (should be graduating soon) and I love your videos. I had to take the time and write to you; your channel is amazing and  the information you share is golden and right on spot with the current technology.

    Thanks a lot for sharing this with us. I am never excited to build E-commmerce websites because its just not fun. Moltin's API might put me back in the game for e-commerce.
    I have two questions.
    1- Are you into building blog websites (facebook or twitter style) ? If so whats tools do you use. If not what tools would you suggest.
    2 – I am interested in knowing your back-end development workflow tools. 

    Also I'm also patiently waiting for a dev ops video :) 

    PS: sorry if these questions have already been answered

    View Comment
  • Can you do a video about using jQuery script? I can't figure it out, I am going to jQuery.com and downloading their conpressed code and putting that download link in the <script></script>, etc, etc, etc… I know jQuery but don't know how to put the link in for it to work

    View Comment
  • wowowwwow, it's not easy!  Why we need to code instead of using moltin dashboard?

    View Comment
  • More angular and yeoman! This was gold, good job man.

    View Comment