The Night Sky

The Night Sky is a website that allows all the space enthusiasts to explore the 3D models and AR views of different planets and space missions.

Comment

💡 Inspiration

  • Lack of interactive and engaging methods to learn about space exploration
  • No good visualization of planets and spacecraft
  • Dull and outdated style of teaching
  • This inspired us to create a platform that would allow users to explore more about planets and space missions

💻 What it does

  • Interactive website to explore planets and space missions
  • It includes 3D models that can be viewed with AR
  • Lots of freedom to explore the intricacies of space
  • Chatbot for another layer of interactivity

🔨 How we built it

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

📶 Domain registered with Domain.com

  • explorespacewithus.tech

⛅ Use of Google Cloud

  • We built The Night Sky'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.

🌌 Best Space App powered by Space Force

Explore more about space with the help of interactive 3D Models and AR.

🎨 Best use of Figma

We have used Figma for building the UI for the web app

🧠 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.

🏅 Accomplishments that we're proud of

Completing the project under the given time frame

📖 What we learned

Working with three js and using echoAR

🚀 What's next for The Night Sky

  • Add Virtual Reality (VR) functionality
  • Add more subjects and Customized 3D models

Built With

Share this project:

Updates