DEV Community

Cover image for I'm 15 and made a 😴 bedtime calculator with React JS
Josh Ternyak
Josh Ternyak

Posted on

I'm 15 and made a 😴 bedtime calculator with React JS

Ever wake up feeling groggy, even though you thought you had enough sleep? It turns out that by timing your wake up time based on REM cycles, you can wake up more refreshed and more productive.

This got me thinking, why don't I put my front-end web development skills to the test and build a tool that will help people, especially coders who are known for working late at night know when they should go to bed depending on when they want to wake up?

So, I built a bedtime calculator: sleepsources.com/bed-time-calculator with React JS, CSS, and some HTML for the landing page.

I would love anyone's feedback, and I think it's a useful tool because it will help anyone who uses it calculate when they should go to bed by choosing a time when they want to wake up.

Top comments (9)

Collapse
 
ayushkishor profile image
Ayush Kishor

Another great project, would you mind sharing resources to learn ReactJS?

Collapse
 
joshternyak profile image
Josh Ternyak

Thanks Ayush. Yes, I can DM you them.

Collapse
 
ayushkishor profile image
Ayush Kishor

My Instagram - @ayush .kishorr

Collapse
 
nkemjiks profile image
Mbonu Blessing

Nice idea Josh and it think it would help if you host it online and add the link in your post so people can see it and give you feedback. You can deploy it to Netlify. Its free

Collapse
 
braydentw profile image
Brayden W ⚡️

Hey Mbonu, the link is here: sleepsources.com/bed-time-calculator/

Collapse
 
nkemjiks profile image
Mbonu Blessing

Thanks Brayden.

Wow, it looks beautiful. I like all the explanations of why you need to sleep for the amount of time required and also the difference options for when to sleep. Great job

Collapse
 
braydentw profile image
Brayden W ⚡️

Great tool Josh!

Collapse
 
joshternyak profile image
Josh Ternyak

Thanks!

Collapse
 
rahulkumawat04 profile image
Rahul Kumawat

can you dm me the source code??