jadetrue / countdown-timer

A frontend mentor challenge - https://www.frontendmentor.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Countdown Timer

This is a solution to the Testimonials grid section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

My attempt at the Countdown Timer project from Frontend Mentor

image

🔗 Links

🧰 My process

Built with

What I learned

  • I learned more about custom hooks, this was an interesting and cleaner way of coding in my opinion.

Continued development

  • In this challenge, I created a custom hook to be able calculate the countdown timing function. This was particularly used for learning purposes.
  • I would love to have more experience working with SVGs to understand why I could not get my footer background to be the full width of the users screen.
  • The flipping animation would be cool too revisit (currently does not do this).
  • Fix the opacity for the actual countdown to be as similar to the design as possible.

✍️ Author

About

A frontend mentor challenge - https://www.frontendmentor.io/


Languages

Language:JavaScript 71.3%Language:HTML 24.0%Language:CSS 4.8%