https://github.com/rubenvieira/meeting-timer
A modern, feature-rich meeting timer built with React, Vite, Tailwind CSS, and shadcn/ui. Features countdowns, preset timers, history, timezone support, and dark mode.
https://github.com/rubenvieira/meeting-timer
lovable meeting-timer productivity react shadcn-ui tailwindcss vite
Last synced: 3 months ago
JSON representation
A modern, feature-rich meeting timer built with React, Vite, Tailwind CSS, and shadcn/ui. Features countdowns, preset timers, history, timezone support, and dark mode.
- Host: GitHub
- URL: https://github.com/rubenvieira/meeting-timer
- Owner: rubenvieira
- License: mit
- Created: 2025-07-16T21:50:56.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2026-03-20T05:59:26.000Z (4 months ago)
- Last Synced: 2026-03-20T19:52:43.914Z (4 months ago)
- Topics: lovable, meeting-timer, productivity, react, shadcn-ui, tailwindcss, vite
- Language: TypeScript
- Size: 312 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⏱️ Meeting Timer
A modern, feature-rich meeting timer designed to keep your team on track. Built with React, Vite, Tailwind CSS, and shadcn/ui.
## ✨ Features
- **⏱️ Precision Countdowns**: Custom timer setup for any meeting length to strictly timebox discussions and syncs.
- **⚡ Preset Timers**: A quick-start grid for common meeting formats (e.g., Standups, Pomodoros, 1:1s, brain-storming sessions).
- **🕰️ Timezone Support**: Seamlessly coordinate and select timezones when working across different global teams, backed by `date-fns` and `date-fns-tz`.
- **📜 Timer & Analytics History**: Automatically tracks past meeting durations, maintains session logs, and provides visual charts using `recharts`.
- **🌗 Dark & Light Themes**: Full system and user theme support featuring a modern toggle, supported by `next-themes`.
- **💅 Beautiful UI**: Clean, engaging, glassmorphic aesthetics. Built using robust native components from `shadcn/ui` and Radix Primitives.
- **🔔 Notifications**: Beautiful, accessible, and user-friendly toast alerts powered by `sonner`.
- **✍️ Robust Input & Form Handling**: Highly performant forms built with `react-hook-form` and schema-validated by `zod`.
## 🚀 Getting Started
### Prerequisites
You need Node.js & npm installed - [Install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)
### Installation
1. **Clone the repository:**
```sh
git clone https://github.com/rubenvieira/meeting-timer.git
cd meeting-timer
```
2. **Install the dependencies:**
```sh
npm install
```
3. **Start the development server:**
```sh
npm run dev
```
Visit the local development URL (usually `http://localhost:5173`) in your browser to see the app running.
## 🛠️ Detailed Tech Stack
### Core Technologies
- **[Vite](https://vitejs.dev/)** - Next-Generation Frontend Tooling
- **[React 18](https://reactjs.org/)** - A JavaScript library for building user interfaces
- **[TypeScript](https://www.typescriptlang.org/)** - Typed JavaScript at Any Scale
- **[Tailwind CSS](https://tailwindcss.com/)** - Rapidly build modern websites strictly via utility classes
### State Management & Data Fetching
- **[TanStack Query (React Query v5)](https://tanstack.com/query/latest)** - Powerful asynchronous state management, caching, and data fetching
### UI & Component Libraries
- **[shadcn/ui](https://ui.shadcn.com/)** - Accessible and customizable components built with Radix and Tailwind
- **[Radix UI](https://www.radix-ui.com/)** - Unstyled, accessible components for building high‑quality design systems
- **[Lucide React](https://lucide.dev/)** - Beautiful & consistent icon toolkit
- **[Recharts](https://recharts.org/)** - A composable charting library built on React components
- **[Sonner](https://sonner.emilkowal.ski/)** - An opinionated, elegant toast component for React
### Form Management & Routing
- **[React Hook Form](https://react-hook-form.com/)** - Performant, flexible, and extensible forms with easy-to-use validation
- **[Zod](https://zod.dev/)** - TypeScript-first schema validation with static type inference
- **[React Router DOM](https://reactrouter.com/)** - Client-side routing library
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
## 📄 License
This project is licensed under the MIT License.