Flat Earth

• 

  Preview of the website

Inspiration

What inspired us was the concept that for a lot of people, when we read about some fact, we simply take it and accept it without questioning where it comes from. We wanted to find a way to teach about Space while justifying what we teach in a simple and easily digestible format.

What it does

Our website presents a simplified yet deeply incorrect model of the Solar System starting off with a geocentric and flat earth view of the Universe.

Users can click on the different objects in the Solar System, bringing up an explanation for a certain fact and at times correcting the model to be in line with that fact. For example: clicking on the Sun will explain why our Solar System is heliocentric and move the bodies to their correct location.

How we built it

The website was built using HTML, the JavaScript framework called three.js and the Vite + React environment. WebSpeechAPI to do text to speech and speech recognition.

Challenges we ran into

Rendering bodies in three.js. Uploading images. Understanding and then describing concepts in a way a younger user would be able to comprehend.

Accomplishments that we're proud of

Building a dynamic website with voice recognition functionality for the quiz and animated features for the Solar System. We think it's a clever way to teach.

What we learned

Learned how to use JavaScript frameworks in order to build an interactive website. Using speech recognition and text to speech APIs.

What's next for Flat Earth

For increased accessibility enabling text to speech for the descriptions. Making the explanations more visually intuitive with higher quality animations. Adding more explanations for bodies in the Solar System such as the age of the Earth/Sun.

Built With

• css
• html
• javascript
• react
• three.js
• vite
• webspeechapi