High-Level Project Summary
Our project is a website that includes a puzzle web game, a knowledgeable section, and a quiz section. In the game, the puzzles will consist of images taken by JWST. These images will be cut into pieces according to the difficulty and shuffled for the player to reassemble. The other section will be for knowledge. This section will be based on displaying interactive visuals for images that give the user the ability to learn more about the images taken by JWST. One other section will be giving the users the option to take a quiz. This will give the user the chance to test his/her knowledge. The quizzes will be in the form of MCQs. The website tackles the educational part in a fun way.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
Our team SunX is tackling the “Learning through the Looking Glass” challenge. The challenge focuses on teaching people about NASA’s JWST capabilities and performance. And that’s what is tackled through the website we developed using NASA’s resources.
Our project will be in the form of a website that will include a puzzle web game, a knowledgeable section, and a quiz section. In the puzzle game, the player will have the option to choose the difficulty level (easy, intermediate, or difficult). There are 2 options for the game: time limit and minimum swap. And in each section, the difficulty is split as the number of splits for each puzzle (3x3, 4x4, 5x5). In the game, the puzzles will consist of images taken by JWST. These images will be cut into pieces according to the difficulty and shuffled for the player to reassemble. The other section will be for knowledge. This section will be based on displaying interactive visuals for images that give the user the ability to learn more about the images taken by JWST. One other section will be giving the users the option to take a quiz. This will give the user the chance to test his/her knowledge. The quizzes will be in the form of MCQs. Users can take easy, medium, or hard quizzes. This will make the difficulty of the MCQs vary.
This project is based on educating people about JWST. We focused on this as a priority. People on the website will get all they need to know about JWST and help them explore the images by just viewing or playing a puzzle game. Also, people will benefit from the quiz part, in which they will test their knowledge.
Methodology:
First, we started planning what we really wanted to have on our website and why. Then we started working on all the sections we’ll have on the website. We started working on the structure of the website. And be sure of all the resources we will be using for it. Then, after good research about the topic, we started implementation because we knew all of what we wanted to do. We started working on the home page and then the image gallery we had on the website. Then put all your focus on the puzzle and try to make it both fun and challenging. Then we did the same with the quiz section. We tried to tackle all levels when it comes to the difficulty of the questions.
To develop our project, we worked on visual coding and shared the project on GitHub so that we, as teammates, can collaborate. For coding languages, we used React and CSS for styling. And all of this was done on our laptops.
We really hope to achieve what we planned for this project. which is helping people benefit and learn from it to the maximum. This is what success would mean for us. It’s not just an app or game when it comes to social impact.
Space Agency Data
For our project, all the data we wanted to use was images. We got the images through this link: https://webb.nasa.gov/content/multimedia/images.html.
Hackathon Journey
To be honest, it is an amazing experience. The atmosphere was more than wonderful. The main lesson from the hackathon was working as a team under pressure. This is really valuable and helps in daily life in addition to the workspace. The James Webb Space Telescope is the largest and most powerful space telescope ever built. It does things that have never ever been done. And still, so many people don’t know about it. So, why not be the ones helping others with that? Based on our will to inform people about this topic, we are working on this to help them learn about the capabilities and performance of NASA’s JWST. We really focus on making it fun while people learn about JWST. Because, for sure, this will be the best way to learn anything. not only through a fun part, by playing a game, but also by testing their knowledge or just viewing information and images regarding JWST. And as for any challenge, there will always be challenging parts. But working as a team, helping each other, and getting the right guidance helped us overcome all our challenges. I would really like to thank the local lead, in addition to the volunteers, for all the support. The support was really outstanding on a daily basis.
References
NASA. (n.d.). Image galleries webb/NASA. NASA. Retrieved October 2, 2022, from https://webb.nasa.gov/content/multimedia/images.html
Tags
#software, #webdevelopment