campusAR

Created by Rich Pham and Ngoc Doan

Inspiration

With the current situation of remote learning, it is common to feel out of the loop. As a solution, campusAR serves as a hub for students to post and browse upcoming events all in one place.

What it does

campusAR is a website that serves as a collective space for San Jose State University students to post and browse events. Users are able to publicize their events by uploading flyers and see other events being live updated as they are posted onto the website. Additionally, campusAR has a fun feature for viewing flyers and the school map on campus through augmented reality.

With the large quantity of flyers and advertisements frequently being posted on the walls of campus, it is common to feel overwhelmed and flooded with information. Furthermore, the extensive amounts of flyers being produced results in the consumptive practice of single-use paper. As a solution to kill two birds with one stone, campusAR serves as an easily accessible and eco friendly alternative to flyers through augmented reality.

With campusAR, users are able to scan QR codes found on posters around campus to view multiple flyers relating to upcoming school events. These minimal QR code posters will effectively cut down the paper waste from single-use flyers while simultaneously serving as a more convenient way to view campus information.

Wait, there’s more! Due to the lack of school maps around campus, campusAR provides a trouble free solution by allowing students to scan a QR code on their student ID to view the campus map. With the help of augmented reality, information not only becomes more easily accessible, but also serves as a fun user experience!

How we built it

campusAR is built using HTML, CSS, and JavaScript. All user entered data is converted into a RESTful JSON API using Sheety. This data is then live updated onto our website in real time. For our augmented reality feature, we utilized echoAR to display images using surface recognition.

Challenges we ran into

Our initial approach for this hackathon was to make a mobile app implementing echoAR. However, we were met with a road block because our phones could not support ARCore. After more brainstorming to work around this challenge, we decided to develop a web application instead.

Additionally, we both did not have experience working with APIs. As a result, we faced difficulty converting the responses from our entry form into data displayed onto the website. With the help of Sheety, we quickly learned how to use RESTful JSON APIs.

What we learned

Through this project, we were able to learn how to integrate APIs and a cloud based CMS into a fully functional website.

What's next for campusAR

To further build upon campusAR, we hope to implement a sorting system to allow users to browse events by category and date. Additionally, we hope to expand our website to other colleges.

Built With

• css
• echoar
• html
• javascript
• sheety