xiaohutai / ffa_sw

Star Wars web app using Foundation for Apps, created for a tutorial at Smashing Magazine.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Star Wars Compendium using Foundation for Apps

This is a single-page app using for Foundation for Apps and a RESTful Star Wars API. It's powered by Node, Gulp, Angular, and libsass.

Requirements

You'll need the following software installed to get started.

  • Node.js: Use the installer provided on the NodeJS website.
  • Git: Use the installer for your OS.
  • Ruby: Use the installer for your OS. For Windows users, JRuby is a popular alternative.
    • With Ruby installed, run gem install bundler sass.
  • Gulp and Bower: Run [sudo] npm install -g gulp bower

Get Started

Clone this repository, where app is the name of your app.

git clone https://github.com/spsaucier/ffa_sw.git app

Change into the directory.

cd app

Install the dependencies. Running npm install will also automatically run bower install after. If you're running Mac OS or Linux, you may need to run sudo npm install instead, depending on how your machine is configured. Running bundle will install the correct version of Sass for the template.

npm install
bower install
bundle

While you're working on your project, run:

npm start

This will compile the Sass and assemble your Angular app. Now go to localhost:8080 in your browser to see it in action.

To run the compiling process once, without watching any files:

npm start build
```# ffa_sw

About

Star Wars web app using Foundation for Apps, created for a tutorial at Smashing Magazine.


Languages

Language:CSS 44.8%Language:HTML 32.5%Language:JavaScript 22.4%Language:Ruby 0.4%