save your ass

Taoyuan | Twinkle, Twinkle, Little Star

A Glance To The Long Life

High-Level Project Summary

“Twinkle twinkle little star, how I wonder what you are”, a simple and well known melody depicting the sparkling stars hanging up in the late night sky and the phenomenon of constantly changing brightness of stars. Our task aims to provide an effective method helping them to learn the fundamental knowledge of the eternal life of the stars using nowadays internet’s trends like memes and funny gifs. For instance, we had collected several seasonal stars data and pictures using NASA’s open data and combined them into a meme-style gif. Finally, we organized them into a well designed web page guiding not only kids or teens but who admiring the same starry night sky.

Link to Final Project

https://a-biann.github.io/nasa-web/

Link to Project "Demo"

https://docs.google.com/presentation/d/1buD7a6w6S9JZqGoPIxLiDkaq71ZRdxShy2X8fIecwJY/edit?usp=sharing

Detailed Project Description

Overall

Our project aims to bridge the gap between the professional and general people without astronomy background by the means of funny memes and thus convey our main idea, that is, stars brightness are always changing but subtly.

We built a webpage guiding users walk througth the life of a star, and made various memes to motivate them learning the background knowledge required for memes. Then, besides memes, there are also several GIFs showing commonly seen stars in HsinChu, and place a description or so called "fun facts" just next to the GIFs helping the users get the punchline instantly. Pictures are shown below.

WEBPAGE

▶ HOME PAGE

When users opening home page, user can choose to learn basic by press "LEARN INTRO" button to learn about facts of stars before proceeding to memes page.

▶ LEARN PAGE

▶ Memes

▶ Gif to Journal

Tools

ReactJS

VScode

GIF Generator

Javascript

CSS

Space Agency Data

https://www.nasa.gov/multimedi

Hackathon Journey

During the experience, we worked as a team in order to come up with the idea to finish the project. We learned how to tackle problems and how to remain calm under pressure. Besides, we got more familiar with ReactJS after finishing the webpage.

It’s really interesting finding out how effective it is to teach people about astronomy using memes, which greatly bridges the gap between professionals and general people since memes usually contain plenty of background knowledge, and thus people are motivated to learn them in order to get the punchline.