willthatfit

• 

• GIF

Inspiration

I got the idea when an employee at dianthus, the company I work for, sent an article about AR and e-commerce. I decided to take it a step further and create an e-commerce website that implements AR.

What it does

My app currently allows the user to select a product of their interest, and use AR to see what the item will look like in their home.

How we built it

I built this website through html, css, bootstrap, and echo 3D.

Challenges we ran into

The biggest challenge I faced was the scalability of the 3D objects. I wanted to implement a static measurement of the 3D object, so the user could get a good idea on how it would fit in their home. The second challenge I faced was deploying scenes in unity. I really wanted to modify the scene editor so the user could add more than one object to the scene, but I could not fix the issue of loading my assests. Finally was the issue of purchasing items. I wanted to create a realistic check out experience, but I was limited on time and could not finish this stage of development.

Accomplishments that we're proud of

I am proud of the front end of my website as I feel it is exciting and simple. I am proud of my learning with AR and Shopify. Although I decided not to use Shopify, It was a useful to learn liquid as I will use it in the future.

What we learned

I learned many things about AR and AR development, and I am excited to show off the work I achieved over the weekend. I also learned how to use more bootstrap features, shopify, liquid 3D, and Java Script.

What's next for willthatfit

I am going to share it with my company the next time we meet, and hopefully my co-workers can join me on this venture

Built With

• css3
• echo3d
• html5
• javascript
• mysql