This must be done first in order to be sure component will have correct props.
https://facebook.github.io/react/docs/components-and-props.html
THIS IS NOT THE IMPLEMENTATION JUST MAKING SURE REQUIRED METHODS ARE IN PLACE
Before starting this you should look at:

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/actionTypes.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Components/Chapel.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Containers/ChapelContainer.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/chapelReducer.js

  • Also https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/index.js

• Add action type(s) to src/actions/actionTypes

• Create action to start load in src/actions/eventsActions

• Create action to get the html data

• Create reducer to receive data from action in src/reducers/eventsReducer

• Create container to receive props from reducer

  • Please look at src/container/chapelContainer for reference on how to use connect

• Create component to be rendered in container and send down props for data

Steps involved in completing this task:

• In order to test this, you must call the action you created to start the load some where in the app. src/containers/appcontainer will do for now.
• Get the raw html from the website http://cafebiola.cafebonappetit.com/ using fetch https://facebook.github.io/react-native/docs/network.html
• querySelect parent element of html relevant for event
  • Check the out this function https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js#L106
• Loop through query to extract data relevant for event, store information in object
• Send object back to action through callback
  • https://medium.freecodecamp.com/javascript-callbacks-explained-using-minions-da272f4d9bcd

Please check the link provided as a reference : https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

This is the last and probably the easiest task to complete for the component

• Create List View component (React)
• Display the List View with the props as texts views
  • Please check src/components/chapel.js for an example
• Do not forget to add the container to the navigation tab, check src/containers/navigationcontainer

This must be done first in order to be sure component will have correct props.
https://facebook.github.io/react/docs/components-and-props.html
THIS IS NOT THE IMPLEMENTATION JUST MAKING SURE REQUIRED METHODS ARE IN PLACE
Before starting this you should look at:

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/actionTypes.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Components/Chapel.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Containers/ChapelContainer.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/chapelReducer.js

  • Also https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/index.js

• Add action type(s) to src/actions/actionTypes

• Create action to start load in src/actions/newsActions

• Create action to get the html data

• Create reducer to receive data from action in src/reducers/newsReducer

• Create container to receive props from reducer

  • Please look at src/container/chapelContainer for reference on how to use connect

• Create component to be rendered in container and send down props for data

Steps involved in completing this task:

• In order to test this, you must call the action you created to start the load some where in the app. src/containers/appcontainer will do for now.
• Get the raw html from the website https://www.biola.edu/events/search?page=[insert page here]
  • Please ask me for help on this part if you are not sure where to start
    using fetch https://facebook.github.io/react-native/docs/network.html
• querySelect parent element of html relevant for event
  • Check out this function https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js#L106
• Loop through query to extract data relevant for event, store information in object
• Send object back to action through callback
  • https://medium.freecodecamp.com/javascript-callbacks-explained-using-minions-da272f4d9bcd

Please check the link provided as a reference : https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

• Mike
• Riley
• Sohila
• Sean
• Jay

This must be done first in order to be sure component will have correct props.
https://facebook.github.io/react/docs/components-and-props.html
THIS IS NOT THE IMPLEMENTATION JUST MAKING SURE REQUIRED METHODS ARE IN PLACE
Before starting this you should look at:

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/actionTypes.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Components/Chapel.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Containers/ChapelContainer.js

• https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/chapelReducer.js

  • Also https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Reducers/index.js

• Add action type(s) to src/actions/actionTypes

• Create action to start load in src/actions/diningActions

• Create action to get the html data

• Create reducer to receive data from action in src/reducers/diningReducer

• Create container to receive props from reducer

  • Please look at src/container/chapelContainer for reference on how to use connect

• Create component to be rendered in container and send down props for data

Steps involved in completing this task:

• In order to test this, you must call the action you created to start the load some where in the app. src/containers/appcontainer will do for now.
• Get the raw html from the website http://now.biola.edu/news/feed/all/ using fetch https://facebook.github.io/react-native/docs/network.html
• querySelect parent element of html relevant for event
  • Check this function out https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js#L106
• Loop through query to extract data relevant for event, store information in object
• Send object back to action through callback
  • https://medium.freecodecamp.com/javascript-callbacks-explained-using-minions-da272f4d9bcd

Please check the link provided as a reference : https://github.com/RoyalSix/myBiolaApp/blob/master/src/js/Actions/chapelActions.js

• Mike
• Riley
• Sohila
• Sean
• Jay

https://medium.com/@Appfactory/automatically-building-react-native-android-apk-with-travis-aa92a8c4b642
Basically we want to create an apk that users can download on each iteration of PR's getting merged. For now we can test Android versions with bluestacks.

• Mike
• Riley
• Sohila
• Sean
• Jay

This is the last and probably the easiest task to complete for the component

• Create List View component (React)
• Display the List View with the props as texts views
  • Please check src/components/chapel.js for an example
• Do not forget to add the container to the navigation tab, check src/containers/navigationcontainer

• Understand fundamental syntax of JSX
• Understand fundamentals of React Components
• Understand fundamentals of React state flow (setState() function)
• Understand fundamentals of React props
• Understand fundamentals of CSS
• Understand basics of Javascript

• Mike
• Riley
• Sohila
• Sean
• Jay

We have figured out most of what type of functionality the app with contain, now we have to actually think through what the app will look like from a user perspective. (Tabs, Transitions, Views, Fonts, Colors, Buttons, Headings, Text Fields, Input Fields etc..)

Definition of Done:

• Each corner of the apps design has been thought through
• Non Digital Mock Up of Entire App Main Components, Mocked up digitally (not required)

Look at this link for a reference of what the apps functionality contains.
#9

Alpha Functionality Requirements

Dining

• List all meals for week, from each eating facility.
• Allow users to rate meals.
• Allow users to give suggestions for cafe meals.
• Provide user with time information for each eating facility.
• Provide user with most highly rated meals at the cafe.

Eagle Life (Events/News)

News

• List news articles from Biola News rss feed
  • http://now.biola.edu/news/feed/all/
• List popular/recent news articles that include Biola
  • https://www.google.com/alerts/feeds/14265364509115567224/14635528028665397529
  • http://chimes.biola.edu/news/
  • Disclude repeats
• Allow users to comment on news articles *
• Allow user to filter news by time, popularity, or source
• Allow user to bookmark news articles
• Display Sport teams schedules (STRETCH GOAL)

Events

• List all official Biola Events
  • https://www.biola.edu/events/search
  • Filter out chapels
• Allow user to submit non-official events to our team
• List all non-official events
• Allow user to RSVP for events, provide user with "popularity" of event based on RSVPS
  • Relative amount, not an exact number of people going
• Allow user to contact host of event
• Allow users to comment on events *
• Allow user to bookmark events for notification reminders

Chapels

• List all Chapels with information of speaker, location, time, speaker information
  • https://www.biola.edu/chapel
• Allow user to input chapels and setup schedule to ensure all are attended on time (STRETCH GOAL)
• Allow user to track chapels attended with location (STRETCH GOAL)

Prayer

• Allow user to submit prayer to Spiritual Development Team (SPIKE)
  • https://www.biola.edu/spiritual-development/ministries
• Allow user to sign up through edu email to receive extra resources from their prayer
• Allow users to see keywords that people are needing prayer for (NOT OFFICIAL JUST THOUGHTS)

• Chapel Day
• Meal Time

This is the last and probably the easiest task to complete for the dining component

• Create List View component (React)
• Display the List View with the props as texts views
  • Please check src/components/chapel.js for an example
• Do not forget to add the container to the navigation tab, check src/containers/navigationcontainer

• Mike
• Riley
• Sohila
• Sean
• Jay

This must be done first in order to be sure component will have correct props.

• Add action type to src/actions/actionTypes
• Create action to send a prayer in src/actions/prayerActions
  • This will be an empty action for now but will eventually be an API call
• Create action to get the html data
• Create reducer to receive data from action in src/reducers/newsReducer
• Create container to receive props from reducer
  • Please look at src/container/chapelContainer for reference on how to use connect
• Create component to be rendered in container and send down props for data

• Mike
• Riley
• Sohila
• Sean
• Jay

Each Tab has its own complete functionality that will need its own actions, interfaces, and data structure.

1. Biola Bound
2. Prayer
3. Chapel
4. News / Events
5. Cafe

These are the components.

Definition of Done:

• Components are ready to build interfaces on
• Each component has file for actions, reducers, presentational components, and containers