Code Monkey home page Code Monkey logo

new_years_countdown's Introduction

Date Countdown

Want to know how many days until Christmas? This app will countdown to your selected date and tell you how long to wait untill your favourite holiday.

Select from the dropdown list your date and check out how many days, hours, minutes and seconds until that day.

This is a simple but tricky app because the date object in JavaScript can be a little tedious to deal with in certain occasions. For example, some dates here are in the past so I had to parse them and add an extra year to the dates. Also date variables had to be converted into milliseconds passed from January 1, 1970 UTC in order to compare one to another.

(This app started out by being only a new years countdown but I then added extra dates, hence the github repo name)

View Project

This is an image

Install Dependencies

npm install

Run

npm start

This is an image

Technologies used:

  • REACT.JS
  • REACT FUNCTIONAL COMPONENTS
  • REACT HOOKS
  • DATE OBJECT
  • CSS ANIMATIONS

This is an image

Previews:

This is an image

This is an image

This is an image

View Project

new_years_countdown's People

Contributors

philiphinch avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.