Advertisement
jjshinobi

Create an angularjs-socketstream-brunch skeleton / seed

Apr 6th, 2013
434
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.54 KB | None | 0 0
  1. Original link if not logged in here: http://sm1.elanceonline.com/track?t=c&eas=1&mid=20700&msgid=1359&did=1340905474&sn=16779535&[email protected]&uid=&tgid=&fl=&extra=MultivariateId=&&&2000&&&https://www.elance.com/j/create-an-angularjs-socketstream-brunch-skeleton-seed/39973111/?utm_medium=social&utm_source=email&utm_campaign=free&SiteTarget=share_proposal_list&utm_term=4439339
  2.  
  3. Logged in here: https://www.elance.com/job/39973111/proposals
  4.  
  5. This is supposed to be a quick job, if it takes longer please say so in the comments section on hacker news (https://news.ycombinator.com/item?id=5505373).
  6.  
  7. What it says for those that don't want to log in:
  8.  
  9. I am looking for an AngularJS Brunch.io Skeleton / Seed Developer.
  10.  
  11. The most important knowledge requirements is that:
  12.  
  13. You MUST know angularjs.org's best practices:
  14.  
  15. http://goo.gl/CD0Is
  16. http://www.youtube.com/watch?v=ZhfUv0spHCY
  17.  
  18. Everything else is implicit.
  19.  
  20. Summary:
  21. Your task for today is to combine libraries into a new seed called Brunch on Jetstreams. In this seed, http://brunch.io is used to watch the file system for changes (Coffeescript, Jade, Stylus, etc.). AngularJs is the app engine, RequireJs is used for modular parts, Html5boilerplate for good practices, Express is used to serve CoffeeScript, with Jade views and Stylus stylesheets. Angular UI's Bootstrap is implemented . It has some filters from underscore. D3 is an implemented AngularJS directive. Linting is handled by CoffeeLint. Minimization is done by uglify.js, testing is implemented with karma. Socketstream implemented for websocket support. Implements bower. Racer for real-time data syncing. Plus there will be auto-reload support.
  22.  
  23. Ingredients:
  24. The base of this project will be based off https://github.com/americanyak/ss-angular-demo which got it's functions from https://github.com/polidore/ss-angular. The demo does not require the original as a dependency.
  25.  
  26. Similar seeds that use express and brunch, that you can use as examples, are here: https://github.com/btford/angular-express-seed, https://github.com/scotch/angular-brunch-seed, https://github.com/exlee/brunch-on-asteroids, and https://github.com/elsom25/angular-requirejs-html5boilerplate-seed
  27.  
  28. Angular UI's Bootstrap: https://github.com/angular-ui/bootstrap/
  29.  
  30. Underscore: https://github.com/floydsoft/angular-underscore, https://github.com/trojanowski/underscore-brunch
  31.  
  32. D3.js: https://github.com/btford/angular-d3-demo, http://briantford.com/blog/angular-d3.html, http://1000monkeys.co/2012/12/30/using-d3-with-angular.html#.UWCVHpBO198
  33.  
  34. CoffeeLint: https://github.com/ilkosta/coffeelint-brunch
  35.  
  36. uglify.js brunch: https://github.com/brunch/uglify-js-brunch
  37.  
  38. auto-reload-brunch: https://github.com/brunch/auto-reload-brunch
  39.  
  40. Jade: https://npmjs.org/package/jade-angularjs-brunch
  41.  
  42. Stylus: https://github.com/brunch/stylus-brunch
  43.  
  44. karma: https://github.com/karma-runner/karma
  45.  
  46. Coffeescript: https://github.com/brunch/coffee-script-brunch, http://astrobiased.com/d3-for-scientists.html
  47.  
  48. A wrapper around Express for routing on the client and server: https://github.com/codeparty/tracks
  49.  
  50. Simple HTML parser (https://github.com/codeparty/html)
  51.  
  52. Bower: https://github.com/angular/bower-angular
  53.  
  54. Racer (create a wrapper between angularjs scope and racer store to provides realtime data data syncing.
  55. You don't have to implement the routing, view-model binding, and page life cycle event hooks).: https://github.com/codeparty/racer
  56.  
  57.  
  58. A similar, much more opionated, project is: https://github.com/lvbreda/Meteor_angularjs. If you cannot create a data syncing seed with socketstream, angularjs, brunch, etc a similar approach to https://github.com/paulmillr/brunch-with-chaplin-on-meteor is fine.
  59.  
  60.  
  61. Requirements:
  62. - Write clean, modular, robust code to implement the desired requirements
  63.  
  64. - Contribute ideas for making the application better and easier to use
  65.  
  66. - Must open source this under an MIT License and name it Brunch on Jetstream.
  67.  
  68. Qualifications:
  69.  
  70. - Programming languages: Javascritpt [Node.js, Express.js, Angular.js, Require.js, Underscore.js, Uglify.js, Coffeescript, Racer.js, possibly meteor.js]
  71. - A work style that is extremely WELL documented
  72. - A complete Elance profile
  73. - References or an established reputation on Elance preferred
  74. - Have made ebook tutorials before
  75.  
  76. I'm requesting this so that I can recreate [https://github.com/tbeseda/angularjs-for-hipsters/] to ease learning AngularJS. I'm looking at this as a e-book tutorial with source code. If you would like to use meteor please send a private message explaining why it's a better choice.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement