https://github.com/topheman/cycle-infos

AngularJS side project made up with the yeoman angular fullstack. Find out the availability of bikes and bike's stands of the JCDecaux self-service bikes
https://github.com/topheman/cycle-infos

Last synced: about 2 months ago
JSON representation

AngularJS side project made up with the yeoman angular fullstack. Find out the availability of bikes and bike's stands of the JCDecaux self-service bikes

• Host: GitHub
• URL: https://github.com/topheman/cycle-infos
• Owner: topheman
• License: other
• Created: 2014-03-31T21:11:29.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2017-07-12T04:33:12.000Z (over 7 years ago)
• Last Synced: 2024-04-08T00:39:38.415Z (9 months ago)
• Language: JavaScript
• Homepage: https://topheman-cycle-infos.herokuapp.com/
• Size: 129 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
cycle-infos

===========

Test the project at [topheman-cycle-infos.herokuapp.com](https://topheman-cycle-infos.herokuapp.com)

This project was scaffolded with yeoman and its angular-fullstack generator.

There is a minimalist backend written in NodeJS, with express which calls the JCDecaux API to get the availability of their bikes and bike's stands in real time on their self-service bike offer.

The challenge was more in the frontent, to use AngularJS, inside the yeoman workflow, using different techs such as :

* the yeoman / grunt / bower stack

* sass with bootstrap

* google maps API

* build and send to heroku

More on [this blog post](http://dev.topheman.com/topheman-cycle-infos/).

### Needed :

* NodeJS

* Sass / Compass `gem install compass`

* Grunt - see [gruntjs.com/getting-started](http://gruntjs.com/getting-started) `npm install grunt-cli -g`

* Bower `npm install bower -g`

First, go to [developer.jcdecaux.com](https://developer.jcdecaux.com) and get an api key.

### Init :

1. `npm install` (to install all node_modules needed for dev and prod)

2. `bower install` (to install the front dependencies)

3. `grunt copy:config` (will create the config files in `lib/config/env` from the template)

	* in `lib/config/env/development.js`, set your correct apiKey.

### Development :

`grunt serve` : Will launch the server with livereload.

### Production

To build your site : `grunt build`

Once you've built, to test in real : set your `NODE_ENV` to `production` (the server based on express needs to know that, also, if you host the solution, you would have to set it on your server).

* `SET NODE_ENV=production` (windows)

* `export NODE_ENV=production` (linux / OS X)

To launch your built solution : `node dist/server.js` then go to `http://localhost:3000`

Make sure to put back `NODE_ENV` the way it was ("development" or nothing) when you get back to testing.

### Launch to heroku

The yeoman fullstack generator is great. All you have to do (assuming you have already installed the heroku belt), is to :

* `grunt build-heroku`

* `cd dist`

* `git push heroku master`

See more here : http://tylerhenkel.com/creating-apps-with-angular-and-node-using-yeoman/