https://github.com/trainyard/choo-time-examples
Showcasing usage of the choo-time timeline debugger
https://github.com/trainyard/choo-time-examples
Last synced: 7 days ago
JSON representation
Showcasing usage of the choo-time timeline debugger
- Host: GitHub
- URL: https://github.com/trainyard/choo-time-examples
- Owner: trainyard
- Created: 2016-12-01T20:04:58.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-18T23:59:36.000Z (over 9 years ago)
- Last Synced: 2026-07-15T06:33:41.189Z (7 days ago)
- Language: JavaScript
- Size: 7.81 KB
- Stars: 2
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# choo-devtools-poc [](https://github.com/yoshuawuyts/choo)
Choo-cli created a directory structure that [we've found to be optimal](https://github.com/yoshuawuyts/choo-handbook/blob/master/content/guides-designing-for-reusability.md) for slim
applications and reusability.
```txt
assets/ images and fonts, if you have any
elements/ standalone application-specific elements
lib/ generalized components, should be moved out of project later
models/ choo models
pages/ views that are directly mounted on the router
scripts/ shell scripts, to be interfaced with through `npm scripts`
client.js main application entry; programmatic manifest file
package.json manifest file
```
You can use choo-cli to generate pieces of your project as you are developing.
For example you can generate
Pages
```bash
$ choo generate page my-page
```
Models
```bash
$ choo generate model my-model
```
Elements
```bash
$ choo generate element my-element
```
## npm scripts
Choo-cli was made for generating choo projects and code, and leverages npm scripts
for certain project task. So in our project a set of npm scripts have already
been generated that perform various tasks such as testing/serving/building/etc.
At any time you can review the complete list of `npm scripts` available by viewing
[package.json](./package.json) or by running the following command:
```
$ npm run
```
Here is complete list the the commands and their function
- start - start dev server at [localhost:8080](https://localhost:8080)
- build - builds your project to deploy to a server
- test - runs unit tests, for now it will just run linting.
- lint - runs eslint against your code
So for example you can run `npm start` to start a dev server. You can now see your
app running at [localhost:8080](https://localhost:8080)