Tired Dev

https://github.com/TIRED-DEV/james-eye or http://46.183.119.227/

https://docs.google.com/presentation/d/1wOX6hxJUXZ2_gK5axaio6IfS1mC9sen3knsuFj9dhU0/edit#slide=id.p

It can be accessed on http://46.183.119.227/.

It consists of a home page which depicts a 3D rendering of a celestial body. The user can make it rotate, and they can choose another planet or moon via the horizontal bar at the bottom. To play the game, the user must click the Play game on the top right corner, It shows a pop-up dialog with a photo of the celestial body and two options: Hubble or Webb. If the user clicks on the telescope icon on the top left corner, they can read some information about the James Webb telescope.

We think that this game can raise awareness about the powerful capabilities of the James Webb telescope, while making it a fun and enjoyable experience. In the end, the goal we have in mind is to spread the word about something as groundbreaking and history-altering as this impressive piece of technology, which we're sure will deeply transform our knowledge of the universe as we know it.

We used the TypeScript language, as well as the React, MUI, and three.js libraries. We also used Node and NPM, and the package icons-material.

We used:

• 3D models of the planets and the Moon
• Detailed photos of the celestial bodies
• Information about the James Webb telescope

Our Space Apps journey has been a once-in-a-lifetime experience. We joined out of sheer curiosity and willingness to spend 24 hours in a stimulating environment, but we've come out with much, much more.

We've met so many inspiring people — be it inexperienced students like us with a thirst for knowledge or seasoned programmers who were here to make us feel at ease. The atmosphere we've experienced was full of helpfulness, friendliness and playful competitiveness, which made us feel even more eager to explore and develop the task at hand.

My team originally wanted to show a 3D model of Mars which would pinpoint the exact location of the Rover missions, along with some information about them. When we saw the James Webb telescope challenge and read about it, we were amazed by its hugely powerful capabilities and decided to mix both projects: why not educate people on the telescope through 3D models of the celestial bodies? Of course, we wanted it to be a fun experience, so we gamified it.

There were several aspects to the app — some of them involved the correct rendering of the 3D models, while others had to do with the designing of the questions and the information. That's why each member of the team had a distinct role and a certain task to fulfill, which nonetheless doesn't mean we worked in complete independence — we were all glad to help each other at all times!

Everytime we encountered a setback (which was quite often), we didn't allow ourselves to feel defeated. We knew it was part of the fun, so we just kept coming up with ideas until one of them hit the jackpot or inspired another team member to find an actual solution. We even talked about it with competitors and gladly received their ideas, which showcased just how pleasant the atmosphere was.

In the end, our team has learnt way more than we had expected. We've managed to become better programmers, as we've used some technologies in ways completely new to us, but we've also become much more acquainted with the vast space that lies outside our planet. And, to be honest, that's probably our most important takeaway.

• Text about the James Webb telescope:

https://en.wikipedia.org/wiki/James_Webb_Space_Telescope

https://webb.nasa.gov/content/about/index.html

• Photos of the planets at the bottom bar:

https://solarsystem.nasa.gov/planets/overview/

• Photos of the planets for the game:

https://webbtelescope.org/resource-gallery/images

https://www.nasa.gov/mission_pages/hubble/multimedia/index.html

• Code:

https://github.com/TIRED-DEV/nasa-app

• Icons:

https://react-icons.github.io/react-icons

#JamesWebb, #game, #telescope