Skip to content

rubenvieira/meeting-timer

Repository files navigation

⏱️ Meeting Timer

React TypeScript Vite TailwindCSS React Router React Query React Hook Form

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

Installation

  1. Clone the repository:
git clone https://github.com/rubenvieira/meeting-timer.git
cd meeting-timer
  1. Install the dependencies:
npm install
  1. Start the development server:
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 - Next-Generation Frontend Tooling
  • React 18 - A JavaScript library for building user interfaces
  • TypeScript - Typed JavaScript at Any Scale
  • Tailwind CSS - Rapidly build modern websites strictly via utility classes

State Management & Data Fetching

UI & Component Libraries

  • shadcn/ui - Accessible and customizable components built with Radix and Tailwind
  • Radix UI - Unstyled, accessible components for building high‑quality design systems
  • Lucide React - Beautiful & consistent icon toolkit
  • Recharts - A composable charting library built on React components
  • Sonner - An opinionated, elegant toast component for React

Form Management & Routing

  • React Hook Form - Performant, flexible, and extensible forms with easy-to-use validation
  • Zod - TypeScript-first schema validation with static type inference
  • React Router DOM - 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.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages