I implemented the interface for the note and tag creation portions of the site using Backbone.js. As part of this work, I also had to add the appropriate API calls to the CodeIgniter application that would allow the Backbone.js components to create, update, and remove notes and tags on the server.
As part of this user experience update, there were a couple feature additions to the passage reading area. The first was infinite scrolling of the passage. As the user would near the end of the chapters that were currently loaded, the Backbone.js application would fetch another batch of chapters and append them to the view. Secondly, I worked on adding synced scrolling when viewing two separate translations side-by-side. When the user would scroll one of the translations, the synced scrolling feature would ensure that the other translation in the separate viewing area would also scroll to a similar location in the Bible. This proved to be an interesting challenge in processing and triggering scroll events.