Daily Countdown

Himanshu Matharu

Web Developer

Website Link

The live website can be found here.

Description

This is a beautiful daily countdown timer that counts down to the end of the day. It is a great productivity tool that I personally use. Consider it like a 24-hour pomodoro timer that keeps you focused and motivated throughout the day that updates everyday automatically.
UI of the app is based on an illustration of Braun Phase 2 flip clock by Dietrich Lubs by Nikola Lazarevic.
The Figma design file can be found here.

Tech Stack and Resources

A brief high-level overview of the tech stack used:
The web app is developed using React.
The flip countdown component is from the flip plugin available here.
All the UI styling is done using SVG assets created on Figma and CSS.
The custom font used is Chingolo Pro and is included in the project in the src/fonts folder.

Installation

Clone the repo
Run npm install in the project directory to install the required dependencies.
npm install
Run the project.
npm start

License

The Daily Countdown Timer web app is free and open-source software distributed under the MIT License. See the LICENSE file for more details.

Contact

For any queries, send me a mail on himanshumatharu1155@gmail.com
Partner With Himanshu
View Services

More Projects by Himanshu