Total Recall

Setup:

Make sure you have these installed:

Install project dependencies:

Install NPM components from /package.json

$ npm install

Install Bower components from /bower.json

$ bower install

Development:

Start local development server:

$ grunt serve

Start local development server with distribution version:

$ grunt serve:dist

Build distribution:

$ grunt build

Information:

Basic:

Yeoman & angular-generator we're used for scaffolding
Grunt is used as task-runner (adjusted Gruntfile)
Bower pulls in frontend dependencies
Angular is used for the application itself
The application speaks to the provided API (totalrecall.99cluster.com)
Highscores are saved in localStorage
Font Awesome used for memory images
Google fonts used for body font
Theme based on Total Recall movie (1990)

Possible next steps:

Resolving CORS/Safari issue
Removing Ruby (Compass) dependency (not really needed)
Adding frontend tests
Independet backend to allow multiplayer
Supporting older Internet Explorer versions

Tested browsers and devices:

Due to the infrastructure of this application and the used API, Internet Explorer will be only supported in version 10. Even this version has some known style issues, which are partly fixed and partly still open.

Browsers

Chrome (latest)
Firefox (latest)
Opera Next (latest)
Internet Explorer 9 (CORS not working)
Internet Explorer 10 (CSS known issues, but working)

Devices

iPhone 4 (iOS 7)
iPhone 5 (iOS 7)
iPad 3 (iOS 7)
Nexus 7 (Android 4.4 KitKat)

Demo:

You can find a fully functional demo at roethig.it/totalrecall

dennisroethig/totalrecall