The live website can be found here.

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.

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.

1. Clone the repo

git clone https://github.com/himanshu-matharu/daily-countdown.git

2. Run npm install in the project directory to install the required dependencies.

npm install

3. Run the project.

npm start

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

For any queries, send me a mail on [email protected]