Decode Earth| Mission to Planet Earth: A Digital History

Mission to Planet Earth: A Digital History

NASA’s activities in space have brought new knowledge of the Earth, inspiring new ways of thinking about humanity and the planet. However, many people aren’t aware that NASA studies the Earth in addition to other planets. Your challenge is to tell stories of NASA’s Earth science enterprise using interactive digital tools. This will test your technical skills and your ability to think like a historian or educator.

Decode Earth

Summary

In modern world, we have a possibility to present different ideas, projects, creations with support of cutting edge technologies. NASA's Space Apps Challenge is an excellent event, where combination of technology and different ideas could provide new breakthroughs in science and technology. In Decode Earth project I have combined modern web technologies to create background for NASA's Earth Science Division, its history and modern achievements.

How I Addressed This Challenge

Decode Earth is a project, where I used high-end web technologies to comply with "Mission to Planet Earth: A Digital History" NASA Challenge goals.


Process of the Work

My main goal in this project was to create interactive experience, where will be combined historical approach on the one hand and description about NASA important active projects on the other.


Decode Earth, Challenge and Impact

Decode Earth could be a very good educational tool, which relates to NASA Earth Division. I have created web application, with several links, which leads to the important NASA's Earth Division historical projects, but also and modern projects. App is consisted of eight sections. In these sections is described more about Division itself, about important projects through history (with appropriate links). Modern day missions are important part of the project and they are linked to information on different NASA pages. Because of extraordinary importance of science for NASA, there is a section with described NASA Earth Division science goals, but also and research areas. On the bottom of the webpage (app), can be found News section with several news of NASA's Earth Science Division.

I believe that this project could be very good educational tool for any who want to know more about NASA Earth Division. This app could be very useful mostly for students and young population. It's not just about information, but also and modern design play a role. Finally, this app can be used by anybody who want to collect more information about NASA Earth Division.

How I Developed This Project

I have used modern web technologies, which provide high level of flexibility to be created educational and historical project. For creating of the skeleton of this web app I used classic HTML, which I combined with Bootstrap 4.3.1 technology to achieve quality responsive design. For design part, I used SCSS - new generation of CSS technology, which provide for me flexible frame to create wanted design. Finally, for backend processes I worked with classic JavaScript and jQuery (JavaScript library).

How I Used Space Agency Data in This Project

It's important to say that I heavily used NASA data. Main source of information was NASA Earth Science Division main webpage. Also, I have used NASA Science Missions page (for Missions section). Finally, for historical section I have used text written by Edward S- Goldstein and Tabatha Thompson ("Earth Science: NASA's Mission to Our Home Planet" section).

Project Demo

https://joxus81.github.io/NASA-Space-Apps-Challenge/

Project Code
Data & Resources

1. https://2020.spaceappschallenge.org/challenges/                              

CHALLENGES


2. https://unsplash.com/photos/qfi4bEHYhOA (Adam Bouse)                             

HOME, BACKGROUND


3. https://www.nationalgeographic.org/topics/resource-library-age-earth/?q=&page=1&per_page=25               

EARTH, AGE


4. Google Translate                                          

TRANSLATE HELP   


5. Font Awesome                                             

ICONS


6. https://science.nasa.gov/earth-science                                 

ABOUT NASA EARTH SCIENCE


7. https://pixabay.com/illustrations/earth-planet-world-globe-space-1617121/ (PIRO4D)                  

ABOUT, EARTH


8. https://solarsystem.nasa.gov/planets/earth/by-the-numbers/                           

EARTH FACTS


9. https://space-facts.com/earth/                                    

EARTH, FACTS


10. https://unsplash.com/photos/K785Da4A_JA (Silas Baisch)                           

MISSIONS, AQUA


11. https://2020.spaceappschallenge.org/locations/se%C5%BEana                           

SEZANA PAGE


12. https://science.nasa.gov/missions-page?field_division_tid=103&field_phase_tid=All                  

NASA EARTH, MISSIONS


13. https://unsplash.com/photos/wnOJ83k8r4w (Robin Sommer)                           

MISSIONS, ATOM


14. https://imageresizer.com/                                       

CROP IMAGES


15. https://pixabay.com/illustrations/solar-system-planet-planetary-system-11111/ (WikiImages)               

DSCOVR IMAGE


16. https://unsplash.com/photos/M-EwSRl8BK8 (Alexander Hafemann)                        

ICEBRIDGE IMAGE


17. https://unsplash.com/photos/lFevQyL8jRk (Zoltan Tasi)                          

SUOMI NPP IMAGE


18. https://unsplash.com/photos/Gg7uKdHFb_c (Ryan Schroeder)                           

LANDSAT 8 IMAGE


19. https://science.nasa.gov/earth-science/big-questions                           

SCIENCE SECTION


20. https://pixabay.com/photos/earth-blue-planet-globe-planet-11015/ (WikiImages)                  

SCIENCE, EARTH


21. https://unsplash.com/photos/6-jTZysYY_U (NASA)                              

RESEARCH, IMG


22. https://science.nasa.gov/earth-science/focus-areas                              

RESEARCH, TEXT


23. https://science.nasa.gov/science-news?topic=28                              

NEWS, TEXT


24. https://unsplash.com/photos/zhqD0tw1peA (Jessica Furtney)                           

NEWS, WATER, IMAGE


25. https://unsplash.com/photos/hsu2LeJ5ugE (Cristofer Jeschke)                           

NEWS, FIRE, IMAGE


26. https://unsplash.com/photos/t-EuCKH652s (ray laskey)                           

NEWS, ICE, IMAGE


27. https://www.nasa.gov/50th/50th_magazine/earthSciences.html                           

EARTH SCIENCE, HISTORY


28. https://pixabay.com/photos/nasa-earth-map-night-sky-cities-140304/ (14398)                     

CONTACT, EARTH MAP


29. https://www.nasa.gov/centers/hq/about/mailing_tips.html                           

NASA, ADDRESS


30. https://www.nasa.gov/news/media/info/index.html                              

NASA, PHONE


31. https://pixabay.com/illustrations/satellite-earth-planet-universe-3977165/ (PIRO4D)                  

HISTORY, SATELLITES


32. https://pixabay.com/illustrations/satellite-earth-planet-universe-4269348/ (PIRO4D)                  

HISTORY, NIMBUS


33. https://pixabay.com/photos/sun-fireball-solar-flare-sunlight-11582/ (WikiImages)                  

HISTORY, SUN


34. https://unsplash.com/photos/HNkgPFBShSw (Daniel Olah)                           

HISTORY, ATMOSPHERE


35. https://unsplash.com/photos/8Ogfqvw15Rg (Joel Vodell)                           

HISTORY, JASON-1 IMAGE


36. https://unsplash.com/photos/vpHCfunwDrQ (Emma Francis)                           

HISTORY, ICESAT IMAGE


37. https://stackoverflow.com/questions/38137476/how-to-create-border-bottom-with-2-different-color (Mohammad Usman)      

BOTTOM BORDER, DIFFERENT COLOR


38. https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_box-shadow                    

SHADOWS


39. https://www.w3schools.com/howto/howto_css_center-vertical.asp                        

VERTICAL CENTERING


40. https://stackoverflow.com/questions/12609110/responsive-css-background-images (Pnsadeghy)                      

RESPONSIVE BACKGROUND IMAGE


41. https://www.w3schools.com/css/css_border.asp                              

BORDERS


42. https://www.canva.com/colors/color-wheel/                                 

COLOR WHEEL


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

NASA, EARTH


44. http://hex2rgba.devoth.com/                                       

HEX TO RGBA


45. https://stackoverflow.com/questions/4889601/position-fixed-doesnt-work-on-ipad-and-iphone/11129912 (Jason D.)      

VIEWPORT


46. https://www.webdeveloper.com/d/367195-avoid-validation-warnings-on-meta-viewport (phpmillion)            

VIEWPORT AND VALIDATION


47. Calculator                                             

CALCULATING


48. https://www.nasa.gov/mission_pages/landsat/main/index.html                           

LANDSAT SCIENCE


49. https://unsplash.com/photos/H5PnIYI_1I0 (Camille Couvez)                           

BODY IMAGE


50. https://stackoverflow.com/questions/57690693/stretched-images-in-ie-11 (user10497113)               

IMG, MAX-WIDTH


51. https://www.youtube.com/watch?v=szFwUsGs9eU                                 

LOADER


52. https://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link (BalusC)         

JAVASCRIPT, LINK


53. Visual Studio Code                                          

CORRECT CODE MISTAKES


54. https://covid19.spaceappschallenge.org/challenges/covid-challenges/integrated-assessment/teams/gideon/project      

HELP TO WRITE ABOUT PROJECT


55. Google Translate                                          

TRANSLATION HELP


56. https://stackoverflow.com/questions/12799719/how-to-upload-a-project-to-github (RishiKesh Pathak)            

UPLOAD TO GITHUB, HELP

Tags
NASA, Space, Apps, Earth, Science, Research, Missions, History
Judging
This project was submitted for consideration during the Space Apps Judging process.