Showcase of Rails 4 and AngularJS integration

This is a todo list management application, written in Rails 4 and AngularJS. Tasks support CRUD operations as well as drag&drop sorting and setting due dates via a popup calendar. All task operations are done on the client side and synchronized to the server. The application sports a RESTful API used by AngularJS SPA and also usable standalone.

Check out the demo at todo-rails4-angularjs.

I wrote an article that summarizes all the lessons learned during writing of this app. I also did a presentation about this integration at Ruby User Group in Sopot on September 18th. Check out the slides.

Technologies used

Frontend

• Bootstrap 3.0.0
• AngularJS 1.2.16
• jQuery 1.10.2
• jQuery UI 1.10.3
• CoffeeScript 1.6.3
• Slim 2.0.1
• Sass 3.2.10
• Karma 0.10.2
• Jasmine 1.3.1
• editablespan
• ui-sortable

Backend

• Ruby 2.0.0p247
• Ruby on Rails 4.0.0
• Devise 3.0.3
• active_model_serializers 0.8.1
• acts_as_list 0.3.0
• Rspec 2.14
• factory_girl 4.2.0