Skip to content

anaquinpm/countdownjs

Repository files navigation

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

Countdown timer made in JS and SCSS

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)

Screenshots

Mobile

Desktop Screen

Links

Built with

  • Semantic HTML5 markup
  • SCSS
    • CSS Grid
    • Flexbox
  • JavaScript
  • Web Responsive Design

NPM Commands

# Dependency Installation
$ npm install

# Development environment
$ npm run dev   // folder: src

# Web for production
$ npm run build   // folder: ./

Set Countdown

// ./src/index.js
// change/delete the _AMOUNT_ parameters
const eventDay = new Date();
eventDay.setTime(eventDay.getTime() + dayMill * _AMOUNT_ + hourMill * _AMOUNT_ + minMill * _AMOUNT_+ secMill * _AMOUNT_ );

Author

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •