Our inspiration was the millions of students now struggling with managing their screen time and sleep schedules because of the COVID-19 pandemic. This hurts many kids and makes it very difficult for them to manage their screen time and sleep time properly. This inspiration also came partly from our own experiences in the matter.

What it does

This program will let people track their time online. They will receive reminders every 20 minutes to look away from their screen, and they will also receive reminders an hour before their ideal sleep time. They can put in the time they need to wake up in the morning and receive the time they need to go to sleep to get a minimum of 8 hours of sleep.

How we built it

We built it in HTML, and JavaScript. We did a lot of research into how to use these languages, since we are both extreme beginners in these fields. We built it over the course of 3 days, each day running into bugs and fixing bugs.

Challenges we ran into

We had to enable notifications from the user. This was a huge challenge because firstly, files inherently have the ability to send notifications, so we had to upload it to GitHub before we were able to test this. We also ran into the problem of a timer. We had to constantly change the time, so we had to find a way to repeat the function every second.

Accomplishments that we're proud of

One thing that we are very proud of is our timer, and our ability to send notifications to the user. These two were undeniably the hardest things to make. The fact that these two parts of our code work, were accomplishments that we are very proud of. Considering this is our first project together, and we are both relatively new to coding, we are extremely proud of the finished project.

What we learned

We learned a lot of syntax of JavaScript and HTML, since our project was made in these two languages. We learned some exceptions, and how to constantly change something in a website. We also learned how to make a timer, and how to make a function repeat multiple times indefinitely, or just once. We learned a lot this project, and it helped us become better coders and gave us experience in something that we did not have a lot experience with before, which can help us in the future since we will always have this project to refer to in the future.

What's next for ScreenAlert

We are hoping to add more features to this project, such as the ability to input your age and the program will decide for you what your ideal sleep time is. Then you can choose on option from a list that it will give you and that will be your new ideal sleep time. We hope that we can develop this even further beyond what it is right now and make it something that can help everyone manage their screen time and sleep schedule.

Built With

Share this project: