jadetrue / countdown-timer

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

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

• Frontend Mentor - Countdown Timer
  • Table of contents
  • Overview
  • 🔗 Links
  • 🧰 My process
    • Built with
    • What I learned
    • Continued development
  • ✍️ Author

Overview

My attempt at the Countdown Timer project from Frontend Mentor

🔗 Links

• Solution URL
• Live URL

🧰 My process

Built with

• CRA
• Tailwind CSS ❤️
• React - JS library

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

• Website - Jade True
• Frontend Mentor - @jadetrue
• Twitter - @jadetrue_
• Github -@jadetrue