Technology moves fast! ⚡ Don't get left behind.🚶 Subscribe to our mailing list to keep up with latest and greatest in open source projects! 🏆


Subscribe to our mailing list

todomvc

Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more

Subscribe to updates I use todomvc


Statistics on todomvc

Number of watchers on Github 23277
Number of open issues 188
Average time to close an issue 26 days
Main language JavaScript
Average time to merge a PR 2 days
Open pull requests 104+
Closed pull requests 57+
Last commit over 1 year ago
Repo Created about 8 years ago
Repo Last Updated over 1 year ago
Size 61.3 MB
Homepage http://todomvc.com
Organization / Authortastejs
Latest Release1.3.0
Contributors265
Page Updated
Do you use todomvc? Leave a review!
View open issues (188)
View todomvc activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating todomvc for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

TodoMVC

Helping you select an MV* framework

Website    Blog    TasteJS

Build Status

Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing JavaScript web apps.

Backbone, Ember, AngularJS... the list of new and stable solutions goes on and on, but just how do you decide on which to use in a sea of so many options?

To help solve this problem, we created TodoMVC - a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

Team

TodoMVC would not be possible without a strong team of contributors helping push the project forward each day. Additionally, we have a core project team composed of:

Addy Osmani - Founder/Lead

Addy is a Software Engineer at Google who originally created TodoMVC. He oversees the project direction, maintenance and organizes the planning and development efforts of the team.

Sindre Sorhus - Lead Developer

Sindre is a Web Developer who leads core development, quality control and application design for the project. His engineering contributions have helped us ensure consistency and best practices are enforced wherever possible. Sindre also leads up development of the TodoMVC application spec.

Pascal Hartig - Developer

Pascal is a Software Engineer at Twitter with a deep passion for consistency. He watches pull requests and helps developers getting their contributions integrated with TodoMVC.

Stephen Sawchuk - Developer

Stephen is a Front-end Engineer at Quicken Loans that cares about improving the maintainability and developer experience of open-source projects. His recent contributions include helping us move all apps over to using Bower and implementing the new information bar.

Colin Eberhardt - Developer

Colin is a software consultant at Scott Logic who is passionate about all software - from JavaScript to Java, and C# to Objective-C. His recent contribution to the project has been a fully automated test suite.

Sam Saccone - Developer

Sam is a Software Engineer at Google who is driven by an endless desire to create, solve problems, and improve developers' lives.

Arthur Verschaeve - Developer

Arthur is an open-source fanboy from Belgium. He is passionate about developer tooling and all things JavaScript.

Gianni Chiappetta - Logo designer

Gianni is a programmer and designer currently working as the Chief Rigger at MetaLab.

Disclaimer

TodoMVC has been called many things including the 'Speed-dating' and 'Rosetta Stone' of MV* frameworks. Whilst we hope that this project can offer assistance in deciding what frameworks are worth spending more time looking at, remember that the Todo application offers a limited view of a framework's potential capability.

It is meant to be used as a gateway to reviewing how a basic application using a framework may be structured, and we heavily recommend investing time researching a solution in more depth before opting to use it.

Also, please keep in mind that TodoMVC is not the perfect way to compare the size of different frameworks. We intentionally use the unminified versions to make reading the source code easier.

Getting Involved

Whilst we enjoy implementing and improving existing Todo apps, we're always interested in speaking to framework authors (and users) wishing to share Todo app implementations in their framework/solution of choice.

Check out our contribution docs for more info.

License

Everything in this repo is MIT License unless otherwise specified.

MIT Addy Osmani, Sindre Sorhus, Pascal Hartig, Stephen Sawchuk.

todomvc open issues Ask a question     (View All Issues)
  • over 2 years GCP link error
  • over 2 years Drop the `thorax` and `thorax_lumbar` apps
  • over 2 years Drop the ExtJS + DeftJS app
  • over 2 years Typescript2 with @types/angularjs
  • over 2 years React Native + NativeBase ToDo App
  • over 2 years update angular2
  • over 2 years firefight js TodoMVC
  • over 2 years Use DefinitelyTyped Backbone in typescript-backbone
  • almost 3 years Check page speed for each new PR
  • almost 3 years SapUI5 implementation broken
  • almost 3 years Consider making the browser tests available via a separate distributable
  • almost 3 years Travis CI tests failing
  • almost 3 years Common Lisp + Parenscript + React app
  • almost 3 years Update Backbone, Marionette using es6
  • almost 3 years Redux implementation
  • almost 3 years A new MVVM framework--avalon
  • almost 3 years TodoMVC + Hapi
  • almost 3 years The Emberjs example page returns a 404
  • almost 3 years React in ES6?
  • almost 3 years Browser tests for Angular 2 still fail
  • about 3 years vanilla-es6 race condition?
  • about 3 years New Todo implementation with Choo
  • about 3 years Does this test work?
  • about 3 years More clarity around 'no trailing commas' JSCS rule
  • about 3 years Meteor example is offline
  • about 3 years Angular Example Tests are not running
  • about 3 years Component based AngularJS
  • over 3 years Marko's todomvc
  • over 3 years My library doesn't quite fit your format
  • over 3 years Backbone TypeScript example will fail to compile with TS 1.8.2
todomvc open pull requests (View All Pulls)
  • Update to Angular2 beta.2
  • Update todoStorage.js
  • Added angular2-redux example
  • Added duet example.
  • Drops the Angular performance example
  • Do not exclude es6 example from lint
  • Update ancient emberjs version and use ember-cli
  • New TodoMVC implementation in Angular 2 with ES2015
  • Angularjs-perf update: change to minified Angular and renaming
  • Adding OpenUI5 example
  • TodoMVC implementation for Haxe+Mithril+DCI.
  • Learn page to display all the learn.json info in one place
  • javascript only implementation
  • Update todomvc-aurelia 0.2.0 (using Aurelia 1.0.0.beta-1)
  • Improving google page speed
  • add todoMVC example coding with jQuery-UI.
  • Typo in app.tsx importing TodoModel from ./TodoModel.
  • Added React Native
  • [fix] angularjs fix tests, update npm
  • Backendless-Angular.js example
  • Request for adding diffHTML to TodoMVC
  • Backendless & TypeScript
  • Backendless-Backbone.js example
  • Backendless JS-SDK
  • Request to add Binding.scala
  • add lay
  • [fix] update node modules in angular2 example
  • Skeletonjs framework
  • Refactor the Vanilla ES6 example
  • MaidSafe application example
  • add abstractjs example
  • Replace old ember with new
  • Fix #812 Remove routing mark for Olives
  • Improve test suite robustness.
  • Add BFF example app
  • Updated to react & react-dom 15.2.0 from ancient vers.
  • Adding a TemplateView example.
  • Add meteor version of todoMVC
  • Updated elm example to 0.17.1
  • Request to add Snabbdom and Freezer example
  • Add a sugar.js example.
  • new app: knockout-spa
  • Request to add NX framework TodoMVC app.
  • Update marionette.js to v3
  • Update the version of angular2 to the final release
  • Update URL from Blog Anchor Tag
  • Udash Framework
  • Update Elm links in learn.json to point to latest URLs
  • Point to Elm Slack instead of IRC
  • Adds React/Redux example
  • Update to Ember 2.10 and use HashLocation
  • React in ES6
  • Bug Fix: destroying todo on ESC with empty title
  • slim.js library for web components
  • Update index.html
  • Added benchmarking.
  • Added $mol implementation
  • Ukulelejs
  • Refactor of the Typescript-AngularJS TodoMVC
  • Introduce 'PureQML' (compile-to-JS framework) example.
  • Clean up the code and update to riot@3
  • Added ZUIX To-Do MVC app
  • Review MS du projet todomvc (version AngularJS)
  • polymer2 initial checkin
  • ES6 create-react-app TodoMVC
  • hyperHTML does TodoMVC
  • Added Mithril 1.0.1 Implementation
  • vertxui
  • added typescript-react-tagged
  • React webpack es6
  • TodoMVC App with OverReact
  • Input field on edit wasn't getting focus
  • Update ReadMe section on Editors for TypeScript-Angular example
  • Angular pure html, no javascript!
  • Update Angular Dart Example
  • Firebase Angular2
  • typescript-angular2 implementation
  • Adding semi colons for consistency
  • Focus caret at end of input when in editMode
  • Backbone: Listen for changes to individual attributes
  • Add a tplite implementation
  • Add RenderJS todoMVC example app
  • Fix chromedriver lookup
  • Fixed the ember example to persist the renaming of todos
  • Add a Polymer 2 implementation
  • Implementing react-satori example
  • React with ES6 and Webpack Implementation
  • update projects to todomvc-app-css v2
  • Updated Router to fix Chrome/Safari default route
  • Change command to 'npm run start'
  • Update app.js
  • Backbone.js
  • Update scalajs-react dependencies (major releases)
  • 📖 Update Current Microsoft Browser to IE11/Edge
  • feat: update for elm 0.18 support
  • Bump to Ember 2.13.3
  • escape key pressed on blank todo deleted it
  • w3view - minimalistic view layer lib
  • Update `knockoutjs_require` to add mode-based filtering.
  • Cypress test suite <work in progress>
  • TodoMVC create react app es6 - <work in progress>
  • Dijon: Cancel editing on escape key press
  • Flight: Cancel editing on ESCAPE key press
  • Typescript-Vue
todomvc questions on Stackoverflow (View All Questions)
  • Empty index page when running flux-todomvc
  • Flux TodoMVC: what for do they offer to install and run "react-boilerplate"?
  • Ember template handlebars compile TodoMVC
  • How to rebuild Polymer's TodoMVC App
  • integrate npm package in todomvc
  • Failed to install 'Contextify' in Flux-todomvc example.
  • I can't find the definition of the 'on' method in flux example, todomvc. what does it do?
  • How to create a note like this TodoMvc example
  • React TodoMVC turorial react-boilerplate cant get to running
  • In TodoMVC what is data-framework="backbonejs" on the <html> element for?
  • Ember guides todomvc tutorial
  • Ember.js ToDoMVC - Chrome firing ObjectController action multiple times
  • TodoMVC with angular-typescript
  • EmberJS todoMVC example implementing Parse Data Adapter, duplicate items
  • How do I add Projects parent to Ember-CLI TodoMVC?
  • TodoMVC app using Backbone.js and SQL Server instead of backbone-localstorage.js
  • Where is the editing of TodoMVC Ember getting saved?
  • In todomvc backbone example, why use event bind instead of routes in controller?
  • Ember TodoMVC app with Rails backend No 'Access-Control-Allow-Origin' header is present
  • Ember.js how to design different representations of Data (with TodoMVC as an example)?
  • Extending TodoMVC to support multiple todo lists
  • Confused about the difference between TodoMVC app and todolist module in the backbone.marionette version
  • Why is the new operator used for collections in todomvc dependency example
  • ember js slight modification on todomvc failure
  • Backbone.js View on TodoMVC: function and it's argument and how does it works
  • A learning application for popular web frameworks, like TodoMVC
  • backbone.js "order" attribute like TodoMVC not incrementing
  • It seems that there is a flaw with Backbone.js TodoMVC application
  • Error while executing sample todomvc Sightly app
  • NPM cannot find module from same folder on Windows with TodoMVC tutorial
todomvc list of languages used
todomvc latest release notes
1.3.0 TodoMVC 1.3.0 unabashed-twilight

Sindre, Passy, Stephen, Colin and I are happy to announce a fresh new release of TodoMVC.

This release includes many many improvements to our existing collection of apps, including updates to recent versions of MV* libraries. It also welcomes a number of new apps to the collection as the number of compile-to languages on the site grows.

Thanks to the library authors and community members that made this release possible. It's because of you that the project now has over 10,000 watchers on GitHub.

You can find the highlights and full changelog below.

Highlights

New apps

Apps updated

  • AngularJS & Angular JS improved-perf implementations updated
  • Backbone.Marionette app is now fully spec compatible
  • React app is now fully spec compatible
  • Ember
  • Backbone 1.1
  • Backbone 1.1 + RequireJS app
  • VanillaJS refactored, tests, bug fixes
  • CanJS 2.0
  • CanJS 2.0 + RequireJS
  • GWT
  • Spine
  • knockoutjs_classBindingProvider example has been removed
  • Dart 1.0
  • Agility
  • jQuery

Apps in the wiki

A growing collection of apps which didn't quite make it are now in the wiki. These include React with CoffeeScript, Ember with RequireJS and Ember with Persistence.js.

Full Changelog

For the complete changelog, see here.

Thanks! Please feel free to report bugs with this release and enjoy unabashed-twilight!

1.1.0
  • We now have 18 stable apps and 36 in labs. New since 1.0.1:
    • Dart
    • TypeScript + Backbone.js
    • TypeScript + AngularJS
    • Serenade.js
    • CanJS + RequireJS
    • Chaplin + Brunch
    • Thorax + Lumbar
    • Kendo UI
    • CanJS replaced the JavaScriptMVC app
  • Many app frameworks and libraries have been upgraded to the latest version
  • XSS issues in several apps have been resolved
  • The homepage got reorganized with new categories
  • Various consistency fixes across all apps
1.0.1
  • All main apps have been completely rewritten for consistency
  • Routing has been added to many of these
  • We now have 30+ apps being worked on in Labs
  • We're using a kick-ass new template
  • Framework authors and contributors have been consulted to ensure our apps adhere to best practices
  • We're helping AMD users by adding AMD versions of many apps
Other projects in JavaScript