https://github.com/akin-mustapha/launch-countdown-timer
A simple solution to the Launch Countdown Timer challenge on Frontend mentor using Javscript, sass and HTML
https://github.com/akin-mustapha/launch-countdown-timer
100daysofcode countdown-timer flipclock frontend-mentor frontend-webdevelopment javascript sass scss-framework webdevelopment
Last synced: 8 months ago
JSON representation
A simple solution to the Launch Countdown Timer challenge on Frontend mentor using Javscript, sass and HTML
- Host: GitHub
- URL: https://github.com/akin-mustapha/launch-countdown-timer
- Owner: akin-mustapha
- Created: 2021-01-24T13:42:10.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-25T19:04:20.000Z (almost 5 years ago)
- Last Synced: 2025-04-27T21:52:08.442Z (8 months ago)
- Topics: 100daysofcode, countdown-timer, flipclock, frontend-mentor, frontend-webdevelopment, javascript, sass, scss-framework, webdevelopment
- Language: Sass
- Homepage: https://launch-countdown-timer-eta.vercel.app/
- Size: 83 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Launch countdown timer
## Welcome! 👋
Thanks for checking out this front-end coding challenge.
[Frontend Mentor](https://www.frontendmentor.io) challenges allow you to improve your skills in a real-life workflow.
**To do this challenge, you need a good understanding of HTML, CSS and JavaScript.**
## The challenge
Your challenge is to build out this countdown timer and get it looking as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
Your 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