Submitted 3 months ago

Clock App ⏲️⏲️ w/ HTML, CSS, JS

Koda👹• 3,810

@kodan96

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Clock app

HTML
CSS
JS
API

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Made with:

HTML 🦴
SCSS 🖌️
JS 🤖
mobile-first approach 📲📲
luxon, jQuery, GSAP libraries used in the development 📗📗
autoprefixer for browser compatibility 🧭
minified files for better performance 🚀

What specific areas of your project would you like help with?

If you notice any bugs or have suggestions you know what to do 👇👇

Community feedback

Tharun Raj• 1,250

@Code-Beaker

Posted 3 months ago

On the Brave browser, I had to disable the shields to properly see the site 😅 With the shields on, it's just a blank page. That's all.

You've done a great work on this one!

Marked as helpful

Koda👹• 3,810

@kodan96

Posted 3 months ago

@Code-Beaker

it's the same for all browsers, because I didn't include shielding softwares into the error handling, so the page just won't load. it's because I used an IP tracker API for geolocating, and these gets banned by these softwares.

but thanks for the compliment tho 🙌

youssefbnosama• 370

@youssefbnosama

Posted 3 months ago

Spectacular !!... There is a small bug... it doesn't update data immediatly i think you use React or something else use useEffect hook to handle it !! and the size isn't appropriate for laptop the show-more button isn't visible I'm learning react can we text eachothers cuz i want friends to develop my coding skills

Babalola victor ayomide• 390

@ZHADOW999

Posted 3 months ago

this is really cool but i found a bug, i could not view the entire web page, it like you put an overflow:hidden; or something

Koda👹• 3,810

@kodan96

Posted 3 months ago

@ZHADOW999

did you open it with landscape orientation on your phone?

Babalola victor ayomide• 390

@ZHADOW999

Posted 3 months ago

@kodan96 nope I used my laptop to view it

Koda👹• 3,810

@kodan96

Posted 3 months ago

@ZHADOW999

then I have no idea what's wrong with it. I built it in Chrome and opened it in Edge and Opera on desktop and in Safari and Opera mobile version on my phone. It worked fine everywhere, except landscape orientation on phone.

If you see a full white page turn off your ad-blocker or shield software, because I used an IP tracker API, so the data fetch gets declined if you have any extensions like that activated.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord