cachrisman / ionic-ecommerce

Ionic Ecommerce Frontend

Ionic-Ecommerce

##About Ionic-Ecommerce is a project using the Ionic Framework and AngularJS to make a mobile frontend to an ecommerce store. It can be deployed as a mobile site for an ecommerce store, or built into native iOS and Android apps which will access the products, account, login, logout, cart, and checkout functions of the ecommerce site.

Check out a demo here: https://ionic-ecommerce.herokuapp.com/app. The Spree server providing the backend api is at http://ionic-ecommerce.herokuapp.com and its repo is at https://github.com/cachrisman/ionic-ecommerce-server

##Libraries & Frameworks

• Ruby on Rails
• Spree Ecommerce
• Angular
• Ionic

##Installation

Dependencies

You need to have the following items installed and working in order to use this project. Their installation is beyond the scope of this document.

• Git
• Ruby
• Node/NPM

###Backend Run the following commands to install the backend server:

git clone https://github.com/cachrisman/ionic-ecommerce-server.git
cd ionic-ecommerce-server
bundle install
spree install -A
rake db:migrate
rails server

###Frontend Run the following commands to install the frontend:

git clone https://github.com/cachrisman/ionic-ecommerce.git
cd ionic-ecommerce
npm install --save
bower install --save

Change the file ionic-ecommerce/www/js/constants.js to reflect your local environment.

Last, run the following command to show you a webpage simulating an iOS device running this app:

ionic serve -l

Or you can also emulate the app running on iOS if you have Xcode installed:

ionic emulate ios

Documentation

Future Direction

ionic-ecommerce's Issues

Css file is missing

After cloning the repository and installing all dependencies according to the instructions, /css/ionic.app.css was missing.
I took the file from the demo, but maybe there was some other way to have this file in the project.
In case it matters, the installation did not go smoothly because i got the following error:

There is an error in your gulpfile:
Error: libsass bindings not found. Try reinstalling node-sass?

I solved it by uninstalling and reinstalling gulp-sass.