Skip to content
No description, website, or topics provided.
JavaScript Objective-C Python Java Shell
Branch: master
Clone or download
Latest commit 1968a18 Dec 6, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__
android setup route skeleton for login/landing-page Nov 26, 2019
bin
ios setup route skeleton for login/landing-page Nov 26, 2019
js completed README with gifs Dec 5, 2019
screenshots completed README with gifs Dec 5, 2019
.buckconfig
.flowconfig initialize trekk Nov 22, 2019
.gitattributes
.gitignore
.watchmanconfig initialize trekk Nov 22, 2019
App.js completed README with gifs Dec 5, 2019
README.md Update README.md Dec 7, 2019
app.json initialize trekk Nov 22, 2019
babel.config.js initialize trekk Nov 22, 2019
index.android.js
index.ios.js initialize trekk Nov 22, 2019
index.js convert class-based react to functional-react Nov 22, 2019
metro.config.js initialize trekk Nov 22, 2019
package-lock.json Refined login and register styling. Dec 2, 2019
package.json Refined login and register styling. Dec 2, 2019
rn-cli.config.js initialize trekk Nov 22, 2019
setup-ide.sh initialize trekk Nov 22, 2019

README.md

Trekk

Table Of Contents

Description

Trekk is a mobile application that allows users to create and share custom augmented reality tours, or 'Trekks'. A user is able to customize their own Trekks by submitting marker images with their corresponding media to be displayed. These media can be in the form of a text description, image url and/or video url. Guests can access private Trekks via a randomly generated access code provided by the Trekk owner.

Stack

Back-End

  • Node.js
  • Ruby
  • Rails
  • Postgres SQL

Front-End

  • React
  • React Native
  • ViroReact AR
  • Javascript

Final Product

Within a Trekk, the camera recognizes a marker, records its coordinates, spawns a star, and anchors it into scene with precision using depth perception.

"Within a Trekk, the camera recognizes a marker, records its coordinates, and anchors it into scene with precision using depth perception."

The star that a marker spawns is unique in that it spawns the specific media a User assigned to it.

"A marker is unique in that it spawns the specific media a User assigned to it."

Access a Trekk without an account via an Access Code.

"Access a Trekk without an account via an Access Code."

Login or Register to view and create your Trekks.

"Login or Register to view and create your Trekks."

Swipe to copy an Access Code or create a new Trekk.

"Swipe to copy an Access Code or create a new Trekk."

View your current Trekk's markers and the media that they spawn.

"View a current Trekk's markers and the media that they spawn."

Edit your Trekk to add markers and attach media.

"Edit a Trekk to add markers and attach media."

Getting Started

Our Ruby on Rails/PostgreSQL database and back-end logic is hosted on Heroku.

To access the codebase for the back-end of Trekk (trekk-api), simply click here.

  1. Clone this repo and follow these steps:
  • cd trekk
  • npm install
  • npm start
  1. Download the ViroMedia app on your mobile app store.

  2. Copy the Ngrok link inside your terminal and enter it into the Testbed input within the ViroMedia app.

  3. Have fun and be creative!

Dependencies

react: 16.8.3,
react-native: ^0.59.9,
react-viro: 2.17.0
axios: ^0.19.0,
ngrok: ^3.2.5,
react-native-elements: ^1.2.7,
react-native-vector-icons: ^6.6.0,
react-swipeable-views-native: ^0.13.2,

Contributions

This app was created and pair programmed by...

You can’t perform that action at this time.