{"id":15994251,"url":"https://github.com/pixelhandler/peepcode-ordr","last_synced_at":"2025-03-27T08:30:48.679Z","repository":{"id":7208364,"uuid":"8513916","full_name":"pixelhandler/peepcode-ordr","owner":"pixelhandler","description":"Ember.js app in Peepcode's Training video, plus Vagrant setup and example use of build tools","archived":false,"fork":false,"pushed_at":"2013-03-18T23:18:39.000Z","size":560,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-23T11:33:07.364Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pixelhandler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-03-02T01:36:29.000Z","updated_at":"2015-12-02T06:05:11.000Z","dependencies_parsed_at":"2022-08-24T19:10:54.429Z","dependency_job_id":null,"html_url":"https://github.com/pixelhandler/peepcode-ordr","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelhandler%2Fpeepcode-ordr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelhandler%2Fpeepcode-ordr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelhandler%2Fpeepcode-ordr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixelhandler%2Fpeepcode-ordr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pixelhandler","download_url":"https://codeload.github.com/pixelhandler/peepcode-ordr/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245809643,"owners_count":20676026,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-08T07:07:48.252Z","updated_at":"2025-03-27T08:30:48.074Z","avatar_url":"https://github.com/pixelhandler.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Peepcode Ember.js Ordr app\n\nThe **Ordr application code** is [used by permission][peepcode-ordr-tweet] from [Peepcode][peepcode]. See the [Fire up Ember.js video][peepcode-emberjs-video] page for details on the application. the Peepcode tutorial video is excellent and worth the purchase price; if you are learning [Ember.js][emberjs] then buy it. The Ordr application tackles more complexity than a todos application and also demonstrates how Ember.js works behind the scenes.\n\n\n## Build Tools\n\n* Uses [rake-pipeline-web-filters][rake-pipeline-web-filters], for setup info see [stackoverflow][stackoverflow-rake-pipeline]\n* See the [Assetfile](Assetfile) for details of the build and links to docs\n* Uses Minispade for dependency management see [comments in minispade source][minispade-source]\n\nOne you've run `bundle install` the build command is `bin/rakep build`; and to run a server use `bin/rakep server`. This repo has provisioning with `vagrant up` so you can use a virtual box rather than your local system if you like. See the *Setup* instructions below\n\n\n## Directories\n\n**Application**\n\n* [/app](app) - Application root, [Assetfile](Assetfile) processes contents\n* [/app/css](app/css) - Stylesheets (.css|.sass) processed and concatinated during build\n* [/app/js](app/js) - JavaScript (.js) files\n* [/app/js/app.js](app/js/app.js) - Application bootstrap, copied during build\n* [/app/js/libs](app/js/libs) - JavaScript library files, e.g. Ember.js, Handlebars, jQuery; use minispade to require\n* [/app/js/modules](app/js/modules) - JavaScript application files, use minispade to require\n* [/app/templates](app/templates) - Template (.handlebars) files, compiled by build task, use minispade to require\n* /tmp - Used by build tools, ignored by .gitignore\n* [/public](public) - Used as destination by build tools\n\n**System**\n\n* [/cookbooks](cookbooks) - has [chef][chef] recipes for building a virtual box using vagrant\n* [/dotfiles](dotfiles) - can be used to setup a virtual box using vagrant\n* [/bin](bin) - has some shell scripts and is used by the build tools for executables e.g. `bin/rakep build` or `bin/rakep server`\n\n\n## VirtualBox / Vagrant\n\n* Box used: `precise64-ruby-1.9.3-p194`, same as Ember.js project\n* Uses an IP of 192.168.10.220, change if you like, this can be used to view the Ordr app with \u003chttp://192.168.10.220:9292\u003e\n* The host name is `ordr.vagrant` to use that you will need to add an entry to your hosts file `192.168.10.220 ordr.vagrant` (local, not guest box); then you can use \u003chttp://ordr.vagrant:9292\u003e\n* See [Vagrantfile](Vagrantfile) for more details\n\n\n### Setup\n\nThis list of commands descirbes how to setup a [Oracle’s VirtualBox][virtualbox] using [Vagrant][vagrant]. The [cookbooks](cookbooks) are submodules used by [chef_solo][vagrant-chef_solo] to provision a virtual box. The box used in the [Vagrantfile](Vagrantfile) is a linux precise64 box configured with ruby-1.9.3-p194. The root (sudo) password for the virtual box is `vagrant`. Also can connect to the box using `vagrant ssh`; this will be the `vagrant` user on the box.\n\nThe provision script uses shared folders so the repo on your host system is the same inside the guest box at `/vagrant` as well as `var/www`. Included in the provision are installations for nodejs, phantomjs, vim and ack-grep.\n\n\tgit submodule init\n\tvagrant up\n\tvagrant ssh\n\tcd /vagrant\n\tsudo bundle install\n\t./bin/rakep build\n\t./bin/rakep server\n\n\n#### Extras\n\n* [bin/z-config.sh](bin/z-config.sh) configures [z][rupa_z], tool to jump to your most used directories\n* [bin/vim-config.sh](bin/vim-config.sh) will setup up vim with IDE like tools see repo [pixelhandler/vim-config][pixelhandler_vim-config] \n* [bin/jsctags.sh](bin/jsctags.sh) configures [jsctags][jsctags], a ctags-compatible code indexing solution for JavaScript\n* [bin/dotfiles.sh](bin/dotfiles.sh) will copy the `dotfiles` folder contents into your vagrant box. If you put your ssh keys, e.g. id_rsa for github, into the [dotfiles/.ssh](dotfiles/.ssh) directory the keys will be copied there as well.\n\nExecute the scripts in the /vagrant/bin directory after provisioning the VirtualBox with vagrant and connecting using `vagrant ssh`\n\n\tvagrant ssh\n\tcd /vagrant/bin\n\t./dotfiles.sh\n\tsudo ./z-config.sh\n\tsudo ./jsctags.sh\n\t./vim-config.sh\n\t. ~/.bash_profile\n\n\n## Links\n\n* [Fire up Ember.js video][peepcode-emberjs-video] tutorial on building an Ordr application\n* [Ember.js][emberjs] - A JavaScript framework for creating ambitious web applications\n* [OC Ember JS][ocemberjs] meetup group in SoCal, this project was inspired by a talk in the February 2013 meeting\n* Slides from OC Ember JS talk: [Ember.js Build Processes][ocemberjs-talk-dasfd]\n* [Developers Against Single File Development][hjr3-dasfd] repository as example Ember.js application using build tools and includes  travis.yml example file for continous integration using [Travis][travis-ci]\n* [VirtualBox][virtualbox] Downloads\n* [Getting Started with Vagrant][vagrant]\n\n\n[chef]: http://www.opscode.com/chef/ \"Open-source automation platform\"\n[emberjs]: https://github.com/emberjs/ember.js \"A JavaScript framework for creating ambitious web applications\"\n[hjr3-dasfd]: https://github.com/hjr3/dasfd \"Developers Against Single File Development, by Herman Radtke\"\n[jsctags]: https://github.com/mozilla/doctorjs \"a ctags-compatible code indexing solution for JavaScript\"\n[minispade-source]: https://github.com/wycats/rake-pipeline-web-filters/blob/master/lib/rake-pipeline-web-filters/minispade_filter.rb \"Comments in minispade source\"\n[ocemberjs]: http://www.meetup.com/OC-EmberJS/ \"Orange County Ember JS\"\n[ocemberjs-talk-dasfd]: https://docs.google.com/presentation/d/1qF29bi_tuBugt4rvXgMxTqQoThoycSlvF_OEOAfUS7c/edit#slide=id.p \"Ember.js Build Processes, by Herman Radtke\"\n[peepcode]: https://peepcode.com \"screencast tutorials for professional web developers and designers\"\n[peepcode-ordr-tweet]: https://twitter.com/peepcode/status/307660525339299840 \"Ordr app used by permission\"[rake-pipeline-web-filters\"\n[peepcode-emberjs-video]: https://peepcode.com/products/emberjs \"Fire up Ember.js video, by Peepcode\"\n[pixelhandler_vim-config]: https://github.com/pixelhandler/vim-config \"Bill Heaton's .vim configuration\"\n[rake-pipeline-web-filters]: https://github.com/wycats/rake-pipeline-web-filters \"Rake::Pipeline::Web::Filters by Yehuda Katz\"\n[rupa_z]: https://github.com/rupa/z \"z tracks your most used directories\"\n[stackoverflow-rake-pipeline]: http://stackoverflow.com/a/8565483/775246 \"steps for getting a stock OSX environment set up with rake pipeline\"\n[travis-ci]: https://travis-ci.org\n[vagrant]: http://docs.vagrantup.com/v1/docs/getting-started/ \"Vagrant: Getting Started\"\n[vagrant-chef_solo]: http://docs.vagrantup.com/v1/docs/provisioners/chef_solo.html \"Vagrant: Chef Solo Provisioning\"\n[virtualbox]: https://www.virtualbox.org/wiki/Downloads \"Oracle’s VirtualBox\"\n\n[ember-handlebars-precompile]: https://gist.github.com/wagenet/1608575 \"Ember Handlebars Precompile\"\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelhandler%2Fpeepcode-ordr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpixelhandler%2Fpeepcode-ordr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelhandler%2Fpeepcode-ordr/lists"}