Skip to content

wundrian/demandware-angularjs-seed

 
 

Repository files navigation

demandware-angularjs-seed

This project aims to provide a demo site showcasing the use of the Open Commerce API (site requires login).

The Open Commerce API (short: OCAPI) is a REST programming interface for the Demandware platform. It is an alternative to the pipeline programming model, where you visually design an execution flow to be executed on the Demandware platform for each request.

If you never heard of the Demandware platform you're still invited to look around here. But all documentation content, OCAPI access and more is currently restricted to developers who are already signed up, sorry.

This project is built using AngularJS, the self-described "Superheroic JavaScript MVW Framework". There are similar projects around, check them out.

Since OCAPI does not expose all features of a fully fledged Demandware powered store, yet, this demo site focuses on the parts we can do right now (see Features below).

My personal pet peeve is performance tuning. So, please, if you find a way to do more with less send me a pull request.

Quickstart

This assumes you already have the Node.js package manager (npm) installed. See it's documentation for how to do this.

git clone https://github.com/mattibickel/demandware-angularjs-seed.git
sudo npm install -g grunt-cli # skip this if you already have GruntJS
sudo npm install -g bower # skip this if you already have Bower
cd demandware-angularjs-seed
npm install
bower install
sed -e '/baseUrl/ s,base-url,http://api.example.com,' \
    -e '/publicSiteUrl/ s,public-site-url,http://www.example.com,' \
    app/scripts/config.js.dist > app/scripts/config.js
grunt server

Of course you want to substitute your own sandbox URL for baseUrl and publicSiteUrl. Don't forget to add your development server to the allowed_origins key of the OCAPI settings under Site Development in Business Manager.

Features

  • Twitter Bootstrap 3.x (Inspired by http://www.bootstrapzero.com/bootstrap-template/mpurpose)
  • Responsive
  • Navigation menu
  • Show root categories
  • Show category products
  • Show standard product detail page
  • Show product page with complex data (variation, set, bundle)
  • Shopping cart
  • Checkout

Screenshots

Category page screenshot: alt text

Product page screenshot: alt text

About

An AngularJS demo site showcasing Open Commerce API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 70.5%
  • JavaScript 29.5%