Spray-R

Spray-R is a mobile augmented reality graffiti app. Draw on real world surfaces and share your art with users nearby.

Technologies Used

React Native

Redux

ViroReact

Node.js

Express

Sequelize

PostgreSQL

My Role

In this group project, I worked extensively on the reducer. This held our application state data, a 2D array containing the coordinate points that represent what the user draws. I also completed the Download functionality, which allows for users to view graffiti created by other users while at the location of the art’s creation.

Project Difficulties

During development, we discovered that the Viro library we were using was incapable of rendering any non-Viro components to our AR scene. This presented a serious problem to our application, as Viro’s Navigator Component wouldn’t facilitate the passing of data between our parent and child components.

Solutions

To resolve this, we implemented Redux to connect the two components via a single store, bypassing the Navigator and allowing our graffiti component to draw on the Viro AR plane.

Notable Features

Augmented Reality

Geo-caching