High-Level Project Summary
Our project is an HTML website. It includes a minigame and quiz. It solves the challenge by teaching people about the James Webb Space Telescope and how it compares to other telescopes. We have used HTML, Javascript and CSS to code this project.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
We used Notepad++ and VS Code to make this project. It has the benefit of being mostly adaptive to the layout and size of window it is being displayed on. We used HTML, CSS, and JavaScript to code it. It displays a webpage on a browser that interprets this code. To access our website, first click on the link, then download the folder by right-clicking on the folder name at the top. It will download a zip. Right-click this and click extract-all. Then, go into the folder and open the file called Home Page.html. This will bring you to our project. To use the video, click on the link, then click download. Open the video from your downloads. This will bring you to the video.
On the homepage, there are two buttons. One takes you to a page with information about how to play the game and the other takes you to the quiz preparation page. On the quiz preparation page, the get ready button gives you information about the telescope. The buttons below start the different levels (More would be added).
The minigame has you match up images taken by the Webb, Hubble and Spitzer telescopes.
The quiz has you answer questions about JWST.
Space Agency Data
We have used data from NASA to make our project. The link is in the references.
Hackathon Journey
We learned lots more about webpage coding, and how to style and add functionality to our website. We learned a lot about the James Webb Space Telescope and how it works. Coding inspired our team to choose this challenge as we all like coding and are relatively proficient at it. We resolved setbacks by logging our variables in the console to see what we were doing wrong. If we had more time we would of added more quizzes about sub- topics of the JWST and more mini-games.
References
https://webb.nasa.gov/content
https://webb.nasa.gov/content/about/faqs/faq.html
https://blogs.nasa.gov/webb/2021/12/06/nasas-james-webb-space-telescope-fully-fueled-for-launch/
https://www.flickr.com/photos/nasawebbtelescope/albums
https://www.newscientist.com/article/2305705-the-james-webb-space-telescope-has-arrived-at-its-final-destination/
https://www.skyatnightmagazine.com/tag/hubble-space-telescope/
https://esahubble.org/images/heic0515a/
https://www.eoportal.org/satellite-missions/spitzer
https://www.centauri-dreams.org/2020/01/23/looking-back-at-the-spitzer-space-telescope/
Tags
#software #JWST