Break App

by Jordan Buckley, Craig Grant, Brett McCaffray, and Arielle Wilson

Goal:

- Remind you to take breaks often = keeps your mind fresh!

- Grab a break randomly from a database at the end of a timer

- Customizable settings

Wire Frame

App Tree

Deploying the Data Base

$ heroku addons:add mongolab

$ heroku config:set MONGO_URL=MONGOLAB URI

$ heroku config:set  STATIC_DIR="/dist"

- Copy and paste the URI field when creating a new database on Mongolabs

Let's see a demo!

Get a Random Break

- Randomly pulls in all of the breaks and randomly selects one

Break Timer

- Sets a timer 

- Callback function does not get executed until set time is up

Login Modal

Modal CSS

An interesting issue...

index.html before

- Form was outside of the body = ng-view could not access data in the form

- Cannot have more than one ng-view

- Move form into body = AngularJS no like!!!

- # confused AngularJS

- Fix = got rid of #, used ngClass instead

index.html after

Animation in Angular

What did we do right?

- Made many small commits of backend and front end code

- Committed often

- Had non-committers do the merges

- Good communication: talked about what each person was doing and what needed to be done

Where will we take it?

- Customizable breaks and work periods

- Adding payment options: allow you to add own breaks, base app would be free

- Take it to the app store!