kreckin / unframed

Unframed

A react-native app to find and post nearby street art.

Team

• Product Owner: Kelly Braun
• Scrum Master: Kevin Sheehy
• Development Team Members: Robin Dykema, Casey Billman, Ethan Fourie

Table of Contents

1. Requirements
2. Development
   1. Installing Dependencies
3. Contributing

Requirements

General:

• Node
• React-native

iOS:

• XCode
• Cocoapods

Android:

• Android Studio

Development

Installing Dependencies

From within the root directory:

npm install

Installing iOS dependencies:

Run the following command within the client/ios/ directory:

pod install

Running the database and server:

1. Install docker.

2. Start the neo4j/spatial container

docker run \
  -d \
  --publish=7474:7474 --publish=7687:7687 \
  --volume=$HOME/neo4j/data:/data \
  --volume=$HOME/neo4j/logs:/logs \
  --name=DB \
  klaw/neo4j-spatial

This will:

• run the container in the background
• expose ports 7474 and 7687 which are used to connect to the database
• use the designated files for data and logs
• name the container 'DB'
• use the image klaw/neo4j-spatial image - it will download the image if it is not found on your computer

Note: if this is your first time running with this directory you will need to log into the database, change the default password, and update config.js with this information.

Other usefull docker commands: docker ps - show running containers docker ps -a - show all containers docker stop DB - stop the 'DB' container docker start DB - start the 'DB' container

1. Start the server

From within the server directory npm start

Roadmap

View the project roadmap here

Contributing

See CONTRIBUTING.md for contribution guidelines.

unframed's Issues

Decide on whether pictures should be shown or not

A. Pictures are shown only if the person is in the area
B. Pictures are not shown on default, but the user can choose a "show spoilers" option to show pictures at any point
C. Pictures are always shown

Explore Travis CI

Take uploaded photos and save to database

Add mo' info to spotInfo page (client-side)

add validation to models

use linter and tests before pushing (travis CI)

define functions to get data from server

create function to make icon

Add tracking to maps so user can move around

Restrict Voting to 1000 ft

Explore alternatives to react-native-router-flux

Connect camera roll to client side (find a module?)

integrate cloudinary

fix api returning numbers as strings

Make call to database to retrieve pin locations and import into state

Make modal/popup for blurb

setup databases

see slack for config files and login info - casey

Add functional upvotes and downvotes to spotInfo

Make latitude and longitude on schema be a number, not a string

hide photos till seen

add upvote and downvote routes

POST /spots/:spotId/upote
POST /spots/:spotId/downvote

update %rating

Display Place Photo on pop-up blurb

feng shui the shit out of work area

Make styling better on spot

find more map icons

Display Place Title on pop-up blurb

Research how to change to android

implement scenic routes

Server deploy

Display Place description on pop-up blurb

Take out any things from the map that look like icons (highway signs, etc)

Work on voting algorithm

Team Walk

add fake data to DB/cleanup

Run app on iPhone instead of simulator

client-side: fetch spots relevant to user's current location on initial load

calculating distance from lat/long to add to spot info

show pins within a certain distance

Add basic style to blurb

implement vote functionality

Allow user to add new pin to DB (without pictures for now)

Either figure out bug in airbnb maps or create custom tooltip for mini blurb

Set up example front-end test with jest

define/implement basic routes

upload photo (access device camera) feature

Clicking on pin opens place-specific pop-up blurb

Robin was looking into using AirBnB feature, but may need to create out own.

add button that will take user back to current location

Catch Kelly up on React Navtive

Things you might like feature

Tinder-style presentation of places with option to swipe right/left to indicate preference

Do nothing (for photo upload server-side)

Allow user to upload photo (server side)