TagAR is a digital graffiti application that allows users to upload or create an image and project it in augmented reality. This project is built in React-Native using the ViroAR library. The backend is built with Express and PostgresSQL, using Cloudinary as a database to store our user images. Please note our server code is in a separate repository on this project.
To get a full picture of our commits as a team, you may visit: https://github.com/tag-digital-graffiti/tag-react-native. We created this new repo to include a Podfile so that we may incorporate multiple libraries (React-Native Sketch Canvas and React-Native Google Maps) into our project.
Below are screenshots of the user flow of the mobile application and further down are instructions on how you can locally run this application on your Mac/iPhone.
This repository contains the front end source code, built using ViroReact, Redux, and React Native. There is a separate git project deployed to Heroku which serves as the backend server(https://github.com/tag-digital-graffiti/tag-server)
- A mac computer and an iOS Device
- An iPhone that can support version of 10.10 and higher
Follow the installation guide below to set up and run this source code locally on Mac.
git clone https://github.com/tag-digital-graffiti/TagAR cd TagAR
npm install npm start (starts serving the app from the laptop to the mobile testbed app)
- Open up your Xcode
- Setup your account if one is not already set up for you
- Click on the Run button on the left hand side of Xcode
- Wait for a successful build and then you should be able to walk through our application