Frontend Mentor - Launch countdown timer solution

This is a solution to the Launch countdown timer challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• See hover states for all interactive elements on the page
• See a live countdown timer that ticks down every second (start the count at 14 days)
• Bonus: When a number changes, make the card flip from the middle

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• React.js
• Styled Components
• React - JS library
• Styled Components - For styles

What I learned

I pretty much bitted more than I could chow here, but im proud of the final product, I can see where the code need improvements, but is deployed and function under my time constriction.

Continued development

I still need time to learn more about react and programming in general, I need to improve my logic.

Useful resources

• Change color of SVG - This helped me a lot in controlling the SVG icon colors.

Author

• Website - Add your name here
• Frontend Mentor - @yourusername

Acknowledgments

As always, i would like to say thanks you to my mom, that always help and incentivize my learning.