A clean and modern time-management app featuring a Stopwatch and Countdown Timer. Designed for productivity, focus, and simplicity.
-
Stopwatch
- Start / Pause / Reset
- Millisecond-accurate timing
- Smooth UI transitions
-
Countdown Timer
- Custom time input
- Start / Pause / Reset
- Audible or visual end alerts (optional depending on your features)
-
Responsive UI — Works on desktop & mobile
-
Fast — Built with Vite + React + TypeScript
-
Lightweight & Minimal design
- React
- TypeScript
- Vite
Clone the repository:
git clone https://github.com/<your-username>/chronomind.git
cd chronomindPrerequisite: Node.js installed
1️⃣ Install dependencies
npm install2️⃣ Start the development server
npm run dev3️⃣ Open the app
http://localhost:5173
npm run buildChronoMind is automatically deployed using GitHub Pages through GitHub Actions.
Directory structure:
└── albindavidc-chronomind/
├── README.md
├── App.tsx
├── index.html
├── index.tsx
├── metadata.json
├── package.json
├── tsconfig.json
├── types.ts
├── vite.config.ts
├── components/
│ ├── CircularProgress.tsx
│ ├── SmartSetup.tsx
│ ├── StopwatchView.tsx
│ ├── Tabs.tsx
│ └── TimerView.tsx
├── public/
│ └── manifest.json
├── services/
│ └── geminiService.ts
├── utils/
│ └── time.ts
└── .github/
└── workflows/
└── deploy.yml
Contributions, issues, and feature requests are welcome! Feel free to open a pull request.
This project is licensed under the MIT License.
ChronoMind — Built by Albin David C For learning, productivity, and building clean interfaces.