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.
- Clone the repo
git clone https://github.com/himanshu-matharu/daily-countdown.git
- Run npm install in the project directory to install the required dependencies.
npm install- Run the project.
npm startThe 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]