learn-by-doing/hobobar

Mobile app to view edible fruit (and nut) trees in your area

hobobar's Issues

App - Store new tree - Get picture

We're going to record:

• position
• tree image
• category

no editing of previous entries allowed

App - Show map with tree locations

We need to take care of at least these:

• display map tiles - preferably OSM / online - see https://wiki.openstreetmap.org/wiki/Main_Page
• display trees - as icons on the map

App - Homepage - wire up everything in Vue

We don't have the actual homepage wired up using the Vue lib.

App - Add the map to the homepage

Perhaps this could help?
https://github.com/brandonxiang/vueleaflet
https://www.npmjs.com/package/vue2-leaflet
https://www.npmjs.com/package/vue-leaflet

Home screen should include:

• Map (powered by leaflet library)
• "Add tree" button at bottom of screen - this should trigger the camera functionality of the device

App - Store new tree - Get geo location

There is probably a cordova plugin that can get the device's current geo-location.

Show tree details

When the user clicks on a tree marker (on the map) the show tree detail view should be shown.

Should include:

• Info about tree:
  • Image of tree
  • Type
  • Description
• UI element to navigate back to the map

App - Create error and notification messages

See:

App - UI scaffolding

We'll try to use:
https://onsen.io/ for the UI elements and
https://onsen.io/vue for gluing Onsen to Cordova

Server - Routes - Create tree

Attributes:

• Location
• Type of tree ("cherry", "apple", etc)
• Description
• Image data (about 2 to 10 megabytes depending on the quality of the device's camera)

Add loading screen / UI element when the app is busy doing something

At app start-up, the home screen won't be rendered until the geolocation has been retrieved. This can take up to a few seconds, so some UI loader should be shown.

Serve tree images statically from node web server

See here

App - Store new tree - Send data to server

Send data via AJAX to this end-point:
POST /api/v1/tree

Back-home navigation

User needs a way to navigate back to the home page from each view

Server - Routes - List trees

Return an array of all items (trees) in database. Provide the following attributes:

• ID (a unique reference ID for each item)
• Location = lat / long
  in JSON

Cache home/map view

The map view shouldn't be re-rendered every time the home view is rendered.

App - "Add tree" button should trigger camera

The "Add tree" button on the home page should trigger the camera function.

After "save" picture open the add tree form view.

Setup remote server

Can use a free VPS provider that provides node.js. Here are some options:

• RedHat OpenShift
• Heroku <-- preferred

Server - create local server scaffolding

For development we're going to use https://ngrok.com/ to tunnel it out so that the app can use it.
For 'prod' see #1

App - Setup and commit cordova scaffolding

App - Store new tree - UI

Includes category/type selector

Show trees on home view

Get trees from API and display as markers on home view map.

If you want to be extra fancy, show a different icon (a tree) on the map instead of the default map marker; see iconfinder.

Server - Routes - Get item details

Return an object of full detailed information about the item:

• ID
• Location
• Full Image URL
• Type
• Description

in JSON

App - Show trees in map - integration

Data for displaying should be pulled from server instead of mockup

App - Store new tree - Get geo location

App - map not loading on Android or iOS

This is probably a problem with the location API / plugin.

Improve add tree form UI

Add some basic styling to make the add tree form nicer.

Fix add tree (image capture) in browser

App - Create credits page

See:

Map marker for trees

The marker on the map for trees should be different than your location.

http://leafletjs.com/

App - Grunt scaffolding

move libraries to grunt