/mypokerleague

poker league management

Primary LanguageJavaScript

myPokerLeague

Application d'organisation de tournoi de poker (dates, présence, points, classements,...)

Production

Pour voir l'appli en production: Bientot sur Google Play

###Technos

myPokerLeague utilise les technos principales suivantes pour fonctionner correctement :

BackEnd

  • FireBase - A powerful API to store and sync data in realtime.

FontEnd

  • Twitter Bootstrap - great UI boilerplate for modern web apps
  • AngularJS - Superheroic JavaScript MVW Framework
  • Ionic - Advanced HTML5 Hybrid Mobile App Framework

For development environment

  • node.js - evented I/O for the backend

###Installation au niveau système A faire une fois par PC

  • Installer Node.js
  • Installer Grunt sur le système (-g) via une fenetre DOS
npm install -g grunt-cli
  • Installer Bower sur le système (-g)
npm install -g bower
  • Installer Ionic sur le système (-g) Cette app est basée sur le Framework de DiegoNetto
npm install -g generator-ionic

###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

###Lancement de l'application sur Android après c'est magique, on tape

grunt build

Connecter votre appareil à votre pc

ionic run android

###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

#####Editeur de code html/js/css:

** Have fun!**