High-Level Project Summary
Many people are not aware of the immense power that James Webb Space Telescope possesses. Teaching them data and high-level information is not a good solution. Thus, we have created a web-based game application where players will simply open up their r favorite browser, click the URL, and play with thousands of players around the globe, all together! A player will be able to check the global leaderboard and share their score through various social media and challenge others. Interactive and competitive game sessions including quiz, cardgames, etc will keep players engaged with new information.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
BACKGROUND
James Webb Space Telescope possesses an immense power. It is the largest, most powerful space telescope ever built. It will allow scientists to look at what our universe was like about 200 million years after the Big Bang. The telescope will be able to capture images of some of the first galaxies ever formed. It will also be able to observe objects in our solar system from Mars outward, look inside dust clouds to see where new stars and planets are forming and examine the atmospheres of planets orbiting other stars. Webb often gets called the replacement for Hubble, but NASA prefers to call it a successor. After all, Webb is the scientific successor to Hubble; its science goals were motivated by results from Hubble. Hubble's science pushed them to look to longer wavelengths to "go beyond" what Hubble has already done. In particular, more distant objects are more highly redshifted, and their light is pushed from the UV and optical into the near-infrared. Thus observations of these distant objects (like the first galaxies formed in the Universe, for example) requires an infrared telescope.
This is the other reason that Webb is not a replacement for Hubble; its capabilities are not identical. Webb will primarily look at the Universe in the infrared, while Hubble studies it primarily at optical and ultraviolet wavelengths (though it has some infrared capability). Webb also has a much bigger mirror than Hubble. This larger light collecting area means that Webb can peer farther back into time than Hubble is capable of doing. Hubble is in a very close orbit around the earth, while Webb will be 1.5 million kilometers (km) away at the second Lagrange (L2) point.
GETTING STATRED
Learning about the any telescope is hard and not suitable for new learners, who are excited to learn more about how the telescope works, how they process images and what type of differences do they have among all of those NASA's telescope, and so on. Learning them via search engine browsing and scattered data is hard as they do not gain specific knowledge and the relation between each of the superior telescopes mankind have ever built. So, we made the path simple. A easy to setup game, with a little bit of knowledge about James Webb Space Telescope will take a player to a competitive stage where they will be able to gather scores by completing levels.
HOW DOES IT WORKS
Works simply! We have the Link to Final Project, just click on the link and a player is ready to get started.

- An Username: An unique username will help us to keep track of all the unique users from around the globe as we are storing points and username in our database for global leaderboard.

- READY To Start The Game: Player will type READY in the input box to start the game.

- Easy Level Multiple Choice Questions: Easy quiz questions with from option to chose from. Each correct answer will give the player +50 points at this level.

- Intermediate Level Card Game: Medium level card quiz, where player have to pick which telescope took which image.

- Result: Result is instantly shown to player and they can share the result to their favorite social media platform with score and challenge other players to play.

BENEFITS
This game has been built for web, so any type of player from around the globe can participate from any device they want. Easy to get started, no registration or email is necessary to play, making things simpler for even school going kinds to understand. Even if the player make a mistake, the will get to know about the answer and the story behind each and every option and image. Every image contains a story about the telescope that captured the raw image, so even if the player does not know the answer, PlayJWST will make sure they learn the answer as well as the story behind each phenomenal photograph.
We believe, an interactive session is much more beneficial than just creating an app or presentation and telling story, that's why we build up this whole game around the concept of JWST letting people understand the power of it.
WHAT WE HOPE TO ACHEIVE
We really want players to compete between them. That's why we curated a global leaderboard where players can be playing against each other. A competition is a good way to learn so we added point measuring system, so each time a player answers correctly, we reward him with points based on the question level. If they want to see themselves on the Top 5 Leaderboard on PlayJWST's homepage, they have to fight and earn score for it! We are going to add more questions and interactive functions to make the whole game much more attractive.
THINGS WE USED TO BUILD PlayJWST
- Next.JS (w/ React)
- Vercel (Deployment)
- MongoDB (Database)
- GitHub (Version Management)
- Visual Studio Code (Code Editor)
- Figma (UI/UX Design, Prototype)
- Adobe Photoshop (Photo Editor)
FUTURE OF PlayJWST
We are willingly to add 3D interactive models to give life to this game. We are working on Three.JS models to give player an interactive and virtual simulation field to inspect and play with the James Webb Space Telescope and Hubble, WISE, etc.
Space Agency Data
- James Webb Telescope Image Gallery: https://webb.nasa.gov/content/multimedia/images.html
- James Webb Telescope Blog: https://blogs.nasa.gov/webb
- WISE Image Gallery: https://www.nasa.gov/mission_pages/WISE/images/index.html
- Comparison: Webb vs Hubble Telescope: https://www.jwst.nasa.gov/content/about/comparisonWebbVsHubble.html
- Science Images from the James Webb Space Telescope: https://www.asc-csa.gc.ca/eng/satellites/jwst/science-images-from-james-webb-space-telescope.asp
Hackathon Journey
Hi! We are a group of Computer Science and Engineering at the IUBAT - International University of Business Agriculture and Technology. This is for the first time we are participating looking forward to achieve something huge for us as well as our well-wishers.
When we learned about the Space App Challenge 2022, we got curious. We scrolled through challenges to figure them out and finally we really thought LEARNING THROUGHT THE LOOKING GLASS challenge would be a perfect fit for us as we are just a team of new to this web development section.
When James Webb unwrapped the image of SMACS 0723, we were amazed. We thought this would be a perfect challenge for us to educate people about the power of this telescope, and how much further we can go with it. Educating is not easy yet we turned this to an interesting and challenging game. We really tried our best to keep this fun!
We faced many difficulties since there were topics out of our current understanding, but we managed this together and we do hope for the best!
References
- ESA - Webb delivers deepest image of Universe yet: https://www.esa.int/Science_Exploration/Space_Science/Webb/Webb_delivers_deepest_image_of_Universe_yet
- Jagran Josh: https://www.jagranjosh.com/general-knowledge/gk-quiz-on-james-webb-space-telescope-1658232356-1
- Background Images: https://images.wallpapersden.com/image/download/astronaut-lost-in-space_bGtua2eUmZqaraWkpJRobWllrWdma2U.jpg, https://wallpaperaccess.com/full/17520.jpg
- Telescope and Quiz Images: NASA
Tags
#game, #fun, #jwst, #jwstgame, #playjwst, #jameswebb, #webb, #telescope, #hubble, #wise

