Toasty!

Let's get Toasty! ʕ •ᴥ•ʔ Accomodating kids and teachers engaging in distance learning.

Comment

Inspiration

As distance learning has become the norm for many students, it has become harder to engage with our peers, especially for younger students. School provides kids an environment to intimately participate with each other and teachers. To help with the challenge of distance learning, we were inspired to create Toasty! to provide elementary students a simple platform to conduct communication and classwork.

What it does

Toasty! is a web application that provides a simple platform to help students with distance learning. Kids can sign in and check the bulletin board for announcements. Students will also have the opportunity to post on the bulletin board through our Show and Tell feature, which allows them to post a picture and write a short description of what they are presenting to class. Additionally, we also have a Book Bag, a reading log where students can record what books they have been reading and teachers can check student's progress. The chat implementation allows students and teachers to interact with each other in a group setting.

How we built it

We used javascript, html and css for the front end and nodejs, express, and mongoDB for the back end. Logos were made with Adobe Draw and banners were made using canva.

Challenges we ran into

The navigation bar was a struggle because of the issue with resizing and scaling.We also had difficulties with adjusting the navigation bar so it would not cover the chatroom.

Accomplishments that we're proud of

We’re proud of the design, especially the bulletin board as we wanted that as a key feature of our applications.

What we learned

We learned how complex the front end can be and want to develop it more after the hackathon!

What's next for Toasty!

We hope to implement a stars/point/grading system and enable our show and tell feature. Additionally, we would like to eventually like to possibly add features such as extensions. This would help teachers to illustrate a dashboard that would have all students’ digital resources in one place.

Share this project:

Updates