Welcome<\/span><\/h2>\nFirst of all – hi all!, this is my first post so go easy on me \ud83d\ude42<\/span><\/p>\nI would like to give my thanks to James Clear<\/a>, whose post <\/a>pushed me to finally put this blog idea up and running. He has some great posts on his blog, which you may want to check out.<\/p>\nThe story (rather short one)<\/h2>\n
Since I’m a big fan of\u00a0Carcassonne board game<\/a>\u00a0and I happen to come accross this\u00a0unique project<\/a>\u00a0on the web, I just\u00a0had to<\/strong> make one for myself… It proved to be great for Carcassonne scoring, and just recently we started using it to track scores in\u00a0Qwirkle board game<\/a>.<\/p>\nHere are some\u00a0pictures of how my version of the electronic carcassonne scoring board looks like:<\/p>\n
![\"\"](\"http:\/\/nikola-breznjak.com\/blog\/nextgen-attach_to_post\/preview\/id--60\")
<\/p>\n
Web application<\/h2>\n
The idea for a web app came naturally since the electronic counter was too cumbersome to carry around. I\u00a0wanted to see what “the cool kids use” these days in web development so I went to try Yeoman <\/a>with Angular generator<\/a>.<\/p>\nBelow is the image of the application on iPhone and you you can see how it looks like on your device by visitng the link: http:\/\/carcassonne-scoring-board.com<\/a><\/span><\/p>\n![\"\"](\"http:\/\/nikola-breznjak.com\/blog\/nextgen-attach_to_post\/preview\/id--63\")
<\/p>\n
How to use this project?<\/h2>\n
First you have to clone it with git<\/strong>, and then run npm install<\/strong> and bower install<\/strong> in the cloned folder for all the dependencies to install themselves:<\/p>\ngit clone https:\/\/github.com\/Hitman666\/carcassonne-scoring-board.git\r\ncd carcassonne-scoring-board\r\nnpm install\r\nbower install<\/pre>\nTo test my application run<\/p>\n
grunt server<\/pre>\nand you should see the application open up in your browser.<\/p>\n
What I liked<\/h2>\n\n- because of this whole Yeoman development process I liked the thing that with only few commands you have the application scaffolded out for you and you don’t have to go and install all the scripts by downloading to your computer first<\/li>\n
- pushing to git only takes the crucial parts of your code and not the whole dependency folders (bower_components<\/strong>\u00a0and node_modules<\/strong>) which are rarely small in size \u2013 imagine, you only need to push to the repository stuff that are crucial to the application, other stuff you keep locally, and it of course is way more convenient to clone (or later push for that matter) a 1MB project than say 20MB – everyone who wants to run your project clones it and installs the needed dependencies with two simple commands (npm install and bower install)<\/li>\n
- while writing the application you can have grunt server<\/strong> “turned on” and every change you make to your files it automatically reloads the page (also its running sass to css translation so you’re covered there also)<\/li>\n
- developing with the Yeoman workflow is just a bliss\u00a0once you get a hang of it (and it actually doesn’t have a steep learning curve) – you’ll appreciate the fact that with one command you can make your code ready for deploying (minimize, concat, optimize images, etc…)<\/li>\n
- since I only scratched Angulars surface, I can say I liked the data binding<\/a>, the ng-repeat<\/a>\u00a0directive and basically the general speed-up in dev process because of this. Anyways,\u00a0you can take a look at <\/span>this post<\/a> for more info on why Angular rocks<\/span><\/li>\n<\/ul>\n
Conclusion<\/h2>\n
Since this project was done while I was learning (still am)\u00a0<\/span>Angular.js<\/a>, there is a lot space for improvement (especially code structure and logic), that’s why I encourage you to give suggestions on best (better) Angular practices, or even help out on\u00a0<\/span>GitHub<\/a>.\u00a0<\/span>Btw, the code on\u00a0GitHub<\/a>\u00a0is free to use, I didn’t put any restrictions on it so feel free to fork it, improve it, alter it to suit your needs.\u00a0<\/span><\/p>\nThe icons are from\u00a0<\/span>The IconFactory<\/a>, and the font is\u00a0<\/span>Lindsay Becker<\/a>\u00a0in case you’re wondering.<\/span><\/p>\nOh and,\u00a0I would love to hear\u00a0what do you think about this and for which game you used it to track scores?<\/p>\n
I would like to give my thanks to James Clear<\/a>, whose post <\/a>pushed me to finally put this blog idea up and running. He has some great posts on his blog, which you may want to check out.<\/p>\n Since I’m a big fan of\u00a0Carcassonne board game<\/a>\u00a0and I happen to come accross this\u00a0unique project<\/a>\u00a0on the web, I just\u00a0had to<\/strong> make one for myself… It proved to be great for Carcassonne scoring, and just recently we started using it to track scores in\u00a0Qwirkle board game<\/a>.<\/p>\n Here are some\u00a0pictures of how my version of the electronic carcassonne scoring board looks like:<\/p>\n The idea for a web app came naturally since the electronic counter was too cumbersome to carry around. I\u00a0wanted to see what “the cool kids use” these days in web development so I went to try Yeoman <\/a>with Angular generator<\/a>.<\/p>\n Below is the image of the application on iPhone and you you can see how it looks like on your device by visitng the link: http:\/\/carcassonne-scoring-board.com<\/a><\/span><\/p>\n First you have to clone it with git<\/strong>, and then run npm install<\/strong> and bower install<\/strong> in the cloned folder for all the dependencies to install themselves:<\/p>\n To test my application run<\/p>\n and you should see the application open up in your browser.<\/p>\n Since this project was done while I was learning (still am)\u00a0<\/span>Angular.js<\/a>, there is a lot space for improvement (especially code structure and logic), that’s why I encourage you to give suggestions on best (better) Angular practices, or even help out on\u00a0<\/span>GitHub<\/a>.\u00a0<\/span>Btw, the code on\u00a0GitHub<\/a>\u00a0is free to use, I didn’t put any restrictions on it so feel free to fork it, improve it, alter it to suit your needs.\u00a0<\/span><\/p>\n The icons are from\u00a0<\/span>The IconFactory<\/a>, and the font is\u00a0<\/span>Lindsay Becker<\/a>\u00a0in case you’re wondering.<\/span><\/p>\n Oh and,\u00a0I would love to hear\u00a0what do you think about this and for which game you used it to track scores?<\/p>\nThe story (rather short one)<\/h2>\n
<\/p>\n
Web application<\/h2>\n
<\/p>\n
How to use this project?<\/h2>\n
git clone https:\/\/github.com\/Hitman666\/carcassonne-scoring-board.git\r\ncd carcassonne-scoring-board\r\nnpm install\r\nbower install<\/pre>\n
grunt server<\/pre>\n
What I liked<\/h2>\n
\n
Conclusion<\/h2>\n