TOR documentation.

Create a list of technical requirements/features and/or light mockups so we can all get a general idea of what features the app will have and how it will look.

Everyone should upload the project source code directory to the class "Final Project Upload" assignment. You can use the source code zip file for the v0.8.3 release here: https://github.com/angelicrf/thumbtack/releases/tag/v0.8.3

Rename this repo to thumbtack

Entity relationship diagram.

See basic prototype wiki page for reference to create these components

• Locations (Home)
• New Location
• Edit Location

Update Weekly Team Project Status Report / WBS with current week and upload to Wiki.

Class Responsibility Collaborator (CRC) documentation.

Make a basic implementation of an embedded local database and hook up the save location button and loading of locations (paged?) on the home Locations page.

Remove purple text off Team Charter and then PM Phil on Canvas saying that it's updated.

I am willing to present. Anyone else?

Below text is from @Mike-Diaz's draft PR, moved to this issue to clearer show the progress:

Implement react-maps, and react-native-local-mongodb into components Locations and NewLocation. Refactor Home components as Map to output a map component. Ensure locations are being saved to the database and the database persists on app reload or app closure. Ensure the map is being monitored for onPress events in order to pull coordinates and save them in NewLocation.js component.

To-do for this issue from this point:

• Find a way for the marker to show up when the onPress event is called in the NewLocations component.
• Figure out how to pass the values of what is being input in the name and notes sections of the LocationFormInputs component in order to save to the db.
• Enable "Get My Coordinates" in order to pull current location if user wishes to save their own location instead of a picked location on the map inside the NewLocation component.
• Link ApproximateAddress component output (ie. the address) to NewLocation component so that it can actually be saved and not just displayed.
• Enable region to set to the correct marker selected.
• Enable the map contained within the Locations component to update and display new markers after a marker is added from NewLocation component.
• Add a card in the Locations component which re-renders when a marker is selected with the appropriate information and move the button to edit that marker to the card.
• Finish implementing the EditLocations component in order to update the db correctly.

Note: This issue is incomplete. Please do not merge feat/implement-map-db-ui with master until all changes are made.

Locations Component showing multiple markers mapped from locations array inside DB: Placeholder only.

Map shown in NewLocation component. Currently not pulling coordinates from map:

See if it would be possible to implement the approximate address feature using the Google Maps Geocoding API. https://developers.google.com/maps/documentation/geocoding/

Basically, take the longitude and latitude we retrieved from the GPS to get an (approximate) address from Google.

If this is too much work or not realistic, we can forego the idea of the Approximate Address.

Update WBS and any documentation that is required for this week.

When we have finished implementing our features and are in the last week of the project, make sure everything works and looks good.

Make sure all main features and views (pages) work on Android. Good things to look at:

• UI looks good
• Locations
• New Location
• Edit Location
• Map features
• Saving to DB
• Fix any grammatical issues and typos

The Maps Static API lets you embed a Google Maps image on your web page without requiring JavaScript or any dynamic page loading. The Maps Static API service creates your map based on URL parameters sent through a standard HTTP request and returns the map as an image you can display on your web page.

https://developers.google.com/maps/documentation/maps-static/intro

End of quarter.

Using react-native hooks, create a global state object that can be accessed and modified from all other components using dispatch, useState, and useComponentState methods.

Create a React Native project and push to the begin branch (separate from master).