Decora

Augmented Reality to enhance interior design

Comment

An AR powered mobile web app to enhance interior design

Inspiration

Earlier this year, I was full of anticipation searching for a house. However, after every tour guided through desolate rooms I was left disappointed with no sense of what actually living there would feel like.

Fast forwarding to this weekend, I was amazed after experiencing the potential of an Augmented Reality engine at our first workshop. Instantly, I was brought back my house hunt and how useful it would have been if I was able to carry furniture in my pocket. So we made Decora, an AR powered web app to enhance interior design.

What it does

Allows user to:

  • Personalize a room with assorted virtual furniture
  • Swap between an array of assets to customize a real space with virtual objects
  • Manage virtual objects for convenient spontaneous design

How we built it

We utilized Niantic's Augmented Reality engine to take a real world space and edit it with virtual objects. Using the engines framework we created furniture objects with downloaded GLB files. Our own custom TypeScript component files take user input to allow the user to create and remove 3D objects from their Augmented Reality.

Challenges we ran into

Learning Curve:

  • Our team was unfamiliar with Niantic's engine, and had no experience coding in TypeScript
  • Existing educational resources targeted paid users

User Interface:

  • A time crunch in combination with inexperience left us unable to interact with the engines overlay system, so our user interface consists of 3D models that follow the camera's point of view to create an illusion of an overlay

Accomplishments that we're proud of

  • Created an Augmented Reality application
  • Learned how to use a new engine and language

What we learned

  • How to use Niantic's 8th wall AR engine
  • Creative problem solving

What's next for Decora?

  • Allow users to add their own 3D models for a more customized experience
  • Re-Do UI once we have more time to improve user experience

Built With

Share this project:

Updates