mkwiatkowski / todo-rails4-angularjs

Showcase of Rails 4 and AngularJS integration

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

todo-rails4-angularjs's Issues

update tasks and task_lists

Hi, great sample!!! Please check the code for update tasks and task_lists.

Integrate Guard

Can we consider integrating guard here? What is the current way you run test cases on both ends?

Support multiple lists

User should be able to create new, maintain and switch between multiple task lists.

Each list should have a name. First list should still be created automatically, with a name like "Default List".

All of this within SPA, using the (slightly extended) JSON API.

broken link

I tried to view the demo, but its link is broken :(

Seed App

Hey @mkwiatkowski , I was wondering if you considered making a seed app or boilerplate for AngularJS + Devise + Rails 4.

It seems there are very few guides out there for the combination of these these technologies. The only notable ones I found in my search were:

https://github.com/PaulL1/league-tutorial/
https://github.com/jesalg/RADD
https://github.com/karlfreeman/angular-devise

which all unfortunately use Rails 3.

Just a thought! Thanks for creating this!

Shows "server error" when a blank string is provided as task description

To reproduce:

• login to the application
• type a few spaces (" ") into the task description input
• submit the form

Expected behavior:

• a validation error should be shown by JS
• request should not be send to the server

one page for devise && devise erb2slim

Cześć imiennik!

Could I add some feature?
1 devise erb2slim
2 one page Angular route for devise views

PS
I made Rails and Angular compilation of decisions
I`ll resort all information and create Visual map relations later.
I want to find one "right best way" for Rails+Angular
feature:

• * Choose one or create own angular gem to support all most features
• easy "add new" Angular modules supports ( such as single page scaffold, CRUD )
• Auth, Validate, REST, IndexeDB sync with Rails DB
• Off-line + AppCache + IndexeDB + remember auth

What do you think about "compilation of decisions"? Can you add some idea?

Devise causing issues

having trouble getting the app running.
I am getting an error from devise.
https://gist.github.com/shenst1/9516692

Anybody else getting this error?
To set up the app I did:
git clone app
cd app
bundle install
changed the name of the database.yml.example to database.yml
rake db:migrate
and that's when I got the error.