Eat the Bible
https://eatthebible.com View source on Github
Eat the Bible helps users manage Bible reading schedules. It allows you the flexibility to keep track of multiple reading plans. You could read the New Testament in Greek while reading Joshua through Isaiah in Dutch; it's up to you!
During the summer of 2015, I decided to jump into the world of Node.js and asynchronous design patterns after years of LAMP-stack programming. I focused on the MEAN stack (MongoDB, Express, AngularJS, and Node), and created a mobile-first, responsive single-page application that would support Google, Facebook, or password authentication.
After several weeks of staring in disbelief at the increasing number of callbacks, I had doubts about the whole endeavor, but eventually I started to understand the possibilities opened up by a new kind of programming. It wasn't until the next summer, when I started learning about the React framework, that things started to fall into place. I rewrote the entire application to work with Google Firebase's Realtime Database, hosted it on Firebase, and prepared to use my new codebase to create React Native apps for the project (in progress).
Features
The first challenge was implementing login using social or local authentication. I tried to follow Material Design specifications as much as possible.
The core of the application logic involves creating and implementing plans, all synced in real-time with Firebase listeners. I created a number of default plans to get started.
I created the capacity to create custom reading plans. This made for a lot of interesting edge-case validation issues, and required writing my own reference library to parse Bible ranges.
Since I was going to use this myself, having the ability to choose a darker color scheme and modify text size was very important.
I tried to keep layout as simple and intuitive as possible.
Custom notes can be attached to a verse, and are saved with the original text for reference.
The core of the reading experience. I considered using a floating action button, but found that it clumsy in practice.
Buttons at the top allow for quick navigation between different plans, or enabling note-taking mode.
This note-taking area should be improved - the modal approach seems very outdated now.