We are a group of high-school students and have experienced the difficulties of online learning. Additionally, our teachers have spoken about the struggles and challenges of shifting to teaching digitally. Therefore, we wanted to alleviate this burden by creating a set of tips for online teaching.

What it does

Our project is a web page designed to give tips for teachers in lieu of online teaching. The first is to speak in a more student-centric language. We also have a JavaScript function that tells the user how long teaching sessions should be before a break. This is based off of the users input, which is supposed to be their students average-age. Although breaks and student-centric language are necessary even in a non-digital environment, their importance is emphasized with the higher amount of distractions at home.

How we built it

We used codeshare to collaborate and to edit the majority of the site. We used CSS, Javascript, HTML and sheer willpower to build it.

Challenges we ran into

This is our second hackathon and were confused by the general freedom given to us by the tracks. Additionally, it was difficult finding information for some of the specific coding functions we wanted to carry out. Specifically the button that returns the recommended teaching lesson time took an our for us to complete. This came about from a lack of understanding and experience in Javascript. In the end, although it works, it isn't what we planned to integrate. It currently redirects the user to a new page, though we wanted it to simply display a message under the button.

What we learned

We learned more about CSS, Javascript, and HTML. Additionally, we learned how to integrate images into html code. This came in the form of using image hosting websites after finding commercial use images.

Accomplishments that we're proud of

We are proud of creating the button for our Javascript function. Additionally, we fully completed our plans for this hackathon in the allotted time.

What's next for A Quick Guide to Optimizing Online Learning

We could add tips and more functions like our lesson time button to the webpage.

Built With

Share this project: