{"id":13811247,"url":"https://github.com/srackham/riot-todo","last_synced_at":"2025-05-03T06:30:35.733Z","repository":{"id":26933470,"uuid":"30395873","full_name":"srackham/riot-todo","owner":"srackham","description":"Didactic Flux-like ES6 Todo app written using Riot.","archived":false,"fork":false,"pushed_at":"2015-08-30T01:18:47.000Z","size":283,"stargazers_count":112,"open_issues_count":3,"forks_count":15,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-28T00:14:35.283Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/srackham.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-06T04:57:24.000Z","updated_at":"2024-11-18T17:53:08.000Z","dependencies_parsed_at":"2022-09-01T02:01:15.605Z","dependency_job_id":null,"html_url":"https://github.com/srackham/riot-todo","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srackham%2Friot-todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srackham%2Friot-todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srackham%2Friot-todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srackham%2Friot-todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/srackham","download_url":"https://codeload.github.com/srackham/riot-todo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252154732,"owners_count":21702982,"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-08-04T03:00:43.459Z","updated_at":"2025-05-03T06:30:35.500Z","avatar_url":"https://github.com/srackham.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","JavaScript"],"sub_categories":["Uncategorized"],"readme":"# Flux-like Riot Todo Application\n\nThis minimalist didactic application is written using the React-like [Riot](https://muut.com/riotjs/) UI library:\n\n- Written in ES6.\n- Compiled using [6to5](http://6to5.org/).\n- Bundled with [Webpack](http://webpack.github.io/).\n- Uses browser LocalStorage for persistence.\n\nThe app is a port of my [Flux Backbone Todos Example](https://github.com/srackham/flux-backbone-todo) and I wrote it to learn and evaluate Riot.\n\n[Live Demo](http://srackham.github.io/riot-todo/)\n\n\n## Differences between this application and the Flux Backbone Todos Example\n1. Uses [Riot](https://muut.com/riotjs/) UI library instead of [React](http://facebook.github.io/react/).\n2. Uses [RiotControl](https://github.com/jimsparkman/RiotControl) (slightly modified) instead of the [Flux](https://github.com/facebook/flux) dispatcher.\n3. Writes to browser LocalStorage directly instead of using [Backbone.js](http://backbonejs.org/).\n\nApart from that the application functionality and architecture is the same.\n\n\n## Building and Running\nThe app is developed and built in a node/npm environment. To install\nand run:\n\n1. Make sure you have node and npm installed.\n\n2. Clone the Github repo:\n\n        git clone https://github.com/srackham/riot-todo.git\n\n3. Install npm dependencies:\n\n        cd riot-todo\n        npm install\n\n4. Build the app `dist/bundle.js` bundle:\n\n        webpack\n\n5. Start the app in a server:\n\n        npm start\n\n6. Open your Web browser at \u003chttp://localhost:8888/\u003e.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrackham%2Friot-todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsrackham%2Friot-todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrackham%2Friot-todo/lists"}