Vehicle AR

Bring a sports car to your house!

Comment

Inspiration

So personally, I'm really new to the world of AR and have just created 1 project before, Now, I really like it and can't get enough of it. A couple of years back my interest in AR started with Pokemon GO though I didn't care to look much into it. But When I learnt the concept of AR deeply in the past few days I was fascinated. So I made 1 project before this weekend and then started with this as well. This time this is just a fun web app and I created it because I like AR as well as CARS. So I combined them :)

What it does

Vehicle AR is an AR-powered web application that allows you to view different types of vehicles in AR and explore them out in near to real-life (augmented). All you need is to visit the website, select the vehicle, scan the QR code and then bring the car to you are house. Whether it's a Porsche or a Ferrari. You own it in augmented reality XD (more details are shown in the demo video)

How I built it

The languages and technologies I used were

Frontend -

  1. HTML - Coding the structure of the app
  2. CSS - Styling the app and making it responsive
  3. JavaScript - Adding some functions
  4. Bootstrap - Used it for styling purposes as well

Framework -

  1. React JS - As the front end framework

Other Technologies -

  1. Firebase - Hosting the app online
  2. Github - Uploading code and sharing it
  3. Archive 3D database for models of vehicles

Most important -

  1. Once again Echo AR was the most most important technology I used. It provided all the AR models through API requests. It also provided the QR codes. I uploaded all my car models from the Archive 3d database to Echo AR cloud and then linked them through QR codes. This time I was a little experienced and could do this faster because I had done it once before. Overall Echo AR is a very well-developed technology. This app will blow out soon for sure.

Challenges I ran into

There definitely were some challenges that were tough and tedious like:

  1. Once again there was no way to embed the Echo AR QR codes so I had to download the QR codes and then link them as images. This was the only downside of the platform I found.

  2. I really had limited time for this project because I completed one other hackathon today only and had 12 hours to complete this project

Accomplishments that I'm proud of

There are some accomplishments I'm seriously proud of like

  1. Hosting the website
  2. Successfully linking Echo AR models
  3. Making the website responsive
  4. Completing the whole project in only 12 hours. It was really challenging

What I learned

I learned plenty of things during this hackathon like:

  1. I'm now a pro in firebase hosting
  2. I learned more about React JS, I picked up react like 2 weeks ago and have been learning it. I rushed through tutorials about it during the hackathon period as it was required for the other hackathon as well,
  3. I'm now a pro at Echo AR!!! this was the most enthusiastic and exciting thing in the hackathon. I learned the basics of Echo AR and now have a good amount of knowledge and experience about it and I am 100% sure I will be using this application in other hackathons and become a real PRO at AR. This is really a sick app!!
  4. Also learnt much about styling websites and working with bootstrap

What's next for Vehicle AR

I have some things in mind for Vehicle AR like

  1. Ofcourse Improve the front-end and expand the website and add all sorts of vehicles
  2. Using Echo AR more immersively and set the static point through which vehicles could be positioned on the floor while viewed in AR.
  3. Maybe turn it into a mobile app because they are more feasible and integrate Echo ar within the app itself

And yes that's all

I really had a great experience and hats off to all the organizers/judges/mentors of one hacks

PS - Be sure to check out the website

poweredbyechoar

Share this project:

Updates