As a Swimmer, When I visit a 'login' page
I should see a form with 2 required fields

• username (or email address)
• password

If I have an account with the app and submit the right credentials, I should be logged in and redirected to a dashboard page

Integrate the existing react native app created in #1 with the firebase app created in #2.

Acceptance Criteria

• Necessary packages are installed in the react native app
• Necessary code is added to instantiate the firebase instance in the react native app.
• You should be able to hit the firebase database from the react native app

References

• https://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html
• https://firebase.googleblog.com/2016/07/firebase-react-native.html
• https://firebase.googleblog.com/2015/05/firebase-now-works-with-react-native_40.html
• https://github.com/davideast/firebase-react-native-sample

Read and start up react native app

Using http://facebook.github.io/react-native/docs/getting-started.html as a guideline, create a 'Hello World' react native app. This app does not need to be styled in any way, nor does it need to display any data. The landing page created by react-native-cli will be enough

Acceptance Criteria

• A React Native app exists at https://github.com/blakeworsley/blueSwimmer
• The app can be built and served using react-native-cli and interacted with via XCode iOS Simulator

As an authenticated swimmer
I should see a navigation option to 'log data' (or something similar)
Clicking this should take me to a new page with 3 fields
I can fill out a minimum of 1 star and maximum of 5 stars for each field
I can submit the data via a submit button
It will be stored in the database

Accpetance Criteria

• A training session can be stored for an authenticated user
• Multiple sessions per day can be stored

As a Swimmer
When I navigate to the register page
I see a form to sign up to use the app
The form contains 5 fields

• First Name
• Last Name
• Email Address
• Password
• Team Name

Once I fill out all of these required fields, I click Submit, I am redirected to a login page

Acceptance Criteria

• Above user flow is met
• Page is styled according to wireframes
• dependent upon #7

As a Swimmer, When I visit a 'login' page
I should see a form with 2 required fields

• username (or email address)
• password

If I don't have an account with the app and submit credentials OR I do have an account but submit the wrong credentials, I should remain on the login page, and see a notification saying my credentials were incorrect

A swimmer object is stored in the database after they click the 'submit' button on the register form

Points to Consider

• What do you want the data base structure to look like?
• If swimmers belong to teams, maybe there should be a wrapper object for each team
• something like /teams/{teamName}/swimmer/{swimmerId}

Firebase will be the back-end of the application. We will use it for Authentication and Data Storage. Both coach and swimmer apps will use this database via an API

Acceptance Criteria

• A Firebase app exists in your account for use with blue-swimmer and blue-coach
• The app is set up with authentication and a real-time database