Skip to content

A simple desktop timer application built using Electron-Vite, React, and Tailwind CSS. This app allows users to set a timer using hours, minutes, and seconds. When the timer ends, an alert sound is played.

Notifications You must be signed in to change notification settings

M-C-Niroshan/Desktop-Mini-Timmer-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mini Timer App

A simple desktop timer application built using Electron-Vite, React, and Tailwind CSS. This app allows users to set a timer using hours, minutes, and seconds. When the timer ends, an alert sound is played.


Features

  • Set timer using hours, minutes, and seconds.
  • Alert sound on timer completion.
  • User-friendly interface using Tailwind CSS.
  • Lightweight and fast, built with Electron-Vite.

Getting Started

Prerequisites

Installation

  1. Clone the repository:
    git clone https://github.com/M-C-Niroshan/Desktop-Mini-Timmer-App.git
  2. Navigate to the project directory:
    cd timer-app
  3. Install dependencies:
    npm install

Development

$ npm run dev

Build

# For windows
$ npm run build:win

# For macOS
$ npm run build:mac

# For Linux
$ npm run build:linux

References

Here are some Interface screenshots of the app:

Main Screen
Main Screen: The main screen features two buttons: "Start" and "Set Timer".

Set Timer
Set Timer Screen: This screen allows you to set the timer using hours, minutes, and seconds.

Timer Running
Timer Running Screen: The timer running screen shows the countdown timer with options to pause and stop.

Demonstration

Here's a short demonstration of the app:

App Demo

About

A simple desktop timer application built using Electron-Vite, React, and Tailwind CSS. This app allows users to set a timer using hours, minutes, and seconds. When the timer ends, an alert sound is played.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published