Purview

Home Screen
Example1
Example2

Inspiration

We created this application in the hope of a time and place where people can change advertisements without having to waste paper and labor. We knew we wanted to make something with AR and felt that it would be productive to venture into the entrepreneur side while being able to joke around with memes. We are investing into the untapped market of virtual adspace.

What it does

We take user inputted images that are assigned to certain markers and store its information into our database. Users then use their camera to view images in an AR space.

How we built it

The application was coded with Visual Studio Code in HTML, CSS, and React. Our extensions included LiveShare and LiveServer. We built our database with MongoDB and used Amazon Web Service (AWS3) for image storage. Our application is web hosted on Heroku.

Challenges we ran into

Working with AR turned out to be a much more tumultuous task than we initially believed. The documentation for any working AR functions were too new to be applicable for our vision. We had to separate our application into two pages because the AR camera was not compatible with React. Cameras only properly scanned markers in less than half of our attempts. Due to the strange scan success rate, we had trouble debugging code because we had trouble recreating bugs to fix them.

Accomplishments that we're proud of

We are happy to complete a basic application that consistently functions with AR.

What we learned

We realized that the AR field is not nearly expanded as we had assumed. We learned more about working with coding with camera features. We learned to take and pull data from user inputted files.

What's next for Purview

We envision an application with a consistent success rate for less impractical images (images with low contrast) in hopes of making it more publicly accessible. We hope to improve the UI to make seeing what current images are attached to each marker easier.

Built With

Submitted to

HackUCI 2020
- Winner Best VR/AR Hack

Created by

I worked on the front end, helping both the functions and design of the overall application.

beagle1998 Mun
I worked on the entire backend consisting of Node.js, Express.js, MongoDB, and AWS S3. I also contributed to the frontend with React.js, jQuery.js, and AR.js. Lastly, I also set up the hosting for the app on Heroku.

Kevin Nguyen
cedricngo123
Winston D. Nguyen