Application de pronostics entre amis de la coupe du mondre de Football 2014
Pour voir l'appli en production: Live version
###Technos
WorldProno utilise les technos principales suivantes pour fonctionner correctement :
BackEnd
- node.js - evented I/O for the backend
- Express - fast node.js network app framework
- Passport - Simple, unobtrusive authentication for Node.js.
- MongoDB - open-source document database, and the leading NoSQL database
FontEnd
- Twitter Bootstrap - great UI boilerplate for modern web apps
- AngularJS - Superheroic JavaScript MVW Framework
###Installation au niveau système A faire une fois par PC
npm install -g grunt-cli
- Installer Bower sur le système (-g)
npm install -g bower
###Installation des dépendances au niveau de l'application
- Ouvrir une fenetre DOS au niveau du répertoire ou les fichiers ont été téléchargés, on va installer en local (donc pas de -g dans les lignes de commandes) les modules nodejs et dependances.
npm install
Cela va créer un repertoire node_modules et télécharger tous les modules dont nous avons besoin. Cela marche grace au fichier package.json
- Installer en local (donc pas de -g dans les lignes de commandes) les dépendances référencées grace à bower. Cela marche grace au fichier bower.json
bower install
Cela va créer un repertoire bower_components au niveau du repertoire app. Si bower pose des questions, il faut les réponses qui contiennent le mot "WorlProno2014"
###Lancement de l'application en mode developpement après c'est magique, on tape
grunt serve
et ca lance tout ... ou pour les fainéants comme moi, lancer juste le fichier start.cmd.
###Annexes
#####Yeoman: Il s'agit d'une application basée sur AngularJS Full Stack : Yeoman generator for creating MEAN stack applications, using MongoDB, Express, AngularJS, and Node. Featuring:
- Express server integrated with grunt tasks
- Livereload of client and server files - toute modification sur un fichier recharge la page web instantanément
- Support for Jade and CoffeeScript
- Easy deployment workflow.
- Optional MongoDB integration
- Optional Passport integration for adding user accounts
#####Vidéos de formations: Retrouver des vidéos de formation super bien faites et en francais sous Graphikart
- AngularsJS
- Nodejs chat
- Bower
- Grunt
- Yeoman que vous pouvez (devez ?! ;-b) installer si vous souhaitez créer une autre appli en partant de zéro
#####Editeur de code html/js/css:
- Sublime Text 3 pour coder avec plein de plugins, très sympa.
** Have fun!**