ARMuseum

Bringing a Museum to you!

Comment

💡 Inspiration

Post covid everything has become virtual and we wanted to allow others to experience a museum virtually. We wanted to create an AR experience of a museum that people can access on their devices allowing them to learn about history and view them as they would have done in person.

💻 What it does

  • The AR Museum is an AR-based web platform that allows users of Cuseum-powered apps to experience history from the comfort of their homes. Users will be able to virtually place objects onto their homes and revel in artworks/artifacts/skeletons that are typically only available to view inside a museum setting.

  • Due to the limited time we had, we couldn’t implement all the features we wanted to (Greek history, Egyptian history (the pyramids, the inside of tombs, coffins of kings)). So we just decided to use 3-D models of dinosaurs. The skeletons were of actual skeletons from other museums that were re-created down to the smallest detail. With the power of technology we don’t have to travel all the way to another country to view the skeletons of dinosaurs. Instead we can view the skeletons even closer up than in person allowing us to view them in more detail than we would be able to if we were there physically!

  • We also implemented models showing how dinosaurs would’ve look like in the past with the information we have right now about them.

🔨 How we built it

  • React Js: For the frontend
  • TypeScript: Frontend using React Typescript
  • Firebase: For user authentication and database
  • Three Js: For rendering 3D Models
  • Tailwind CSS: For styling

⛅ Use of Google Cloud

  • We built AR Museum's authentication system with Google Cloud's Firebase. We chose this because we wanted to make an application that was very very secure. We learned how robust & fast Google Cloud services are and seeing that Firebase had a free plan that was great for us student hackers, using Google Cloud was kind of a no-brainer. Additionally, Firebase Authentication provided a backend service, easy-to-use SDKs, and ready-made UI libraries, and the ability to authenticate using passwords, phone numbers, Google, Facebook and Twitter, and the like. Thus, implementation was easy and we are pretty sure we made it incredibly convenient for our users while keeping it secure.
  • We are using Firestore as our primary database to store user login/sign up details and Chatroom conversations.

🧠 Challenges we ran into

  • The biggest challenge was to rendering the 3D model and adding AR functionality to them, which I overcome using three js and echoAR.
  • Collaborating with the team across different time zones

🏅 Accomplishments that we're proud of

  • Completing the project under the given time frame
  • Creating something educational and fun at the same time

📖 What we learned

  • Working with three js
  • Using echoAR

🚀 What's next for ARMuseum

  • Add Virtual Reality (VR) functionality
  • Add more subjects and Customized 3D models Such as the aforementioned Greek artefacts and Egyptian historical models

Built With

Share this project:

Updates