https://github.com/component/todo

Todo list example application using components and Express for the backend
https://github.com/component/todo

Last synced: 8 months ago
JSON representation

Todo list example application using components and Express for the backend

• Host: GitHub
• URL: https://github.com/component/todo
• Owner: component
• Created: 2012-11-08T06:28:58.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2015-03-17T09:54:50.000Z (about 11 years ago)
• Last Synced: 2024-04-14T02:18:53.899Z (almost 2 years ago)
• Language: JavaScript
• Size: 204 KB
• Stars: 73
• Watchers: 6
• Forks: 18
• Open Issues: 2
• Metadata Files:
  • Readme: Readme.md
  • Changelog: History.md

Awesome Lists containing this project

README

          

  ![](http://f.cl.ly/items/3l0r2s1C0d1Y1d3N202J/todo.png)

  Todo list component example app:

## Installation

 Of course have `component(1)` installed:

 

    $ npm install -g component

 Install express for the server, and the component dependencies:

    $ npm install

    $ make

## Implementation

  In this implementation all private client-side components are located in `./client`,

  while server related REST end-points are in `./server`. The `./index.html`

  file bootstraps the client-side, and `app.js` is a small Express server

  to power the backend.

  Each client-side component in `./client` defines its own dependencies,

  both "local" (in the `./client` dir), and remote from public components

  that devs have created.

  This is just _one_ example of how you could structure an application. You could

  for example take a more traditional approach with `./models`, `./controllers`,

  and `./views` etc. The entire app could be a single component, with all dependencies

  specified in the root ./component.json, however I recommend splitting your app

  into multiple as shown here, regardless of directory structure.

## Components used

  - [page.js](https://github.com/visionmedia/page.js) for routing

  - [model](https://github.com/component/model) for models

  - [collection](https://github.com/component/collection) for model collections

  - [keyname](https://github.com/component/keyname) for keycode name strings

  - [reactive](https://github.com/component/reactive) for reactive templates

## License

  MIT