Skip to content

Asitkumar6205/multitimer-next

Repository files navigation

MultiTimer Next.js

A modern timer application built with Next.js, TypeScript, and Tailwind CSS. Manage multiple timers with categories, track progress, and view completion history.

Walkthrough Video

Watch the video

Features

  • Create and manage multiple timers
  • Categorize timers (Work, Break, Exercise, Study, Other)
  • Visual progress tracking with category-based colors
  • Dark mode support
  • Timer history tracking
  • Background timer functionality
  • Responsive design

Tech Stack

  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • React Context API
  • Local Storage for state persistence

Getting Started

  1. Clone the repository:
git clone https://github.com/Asitkumar6205/multitimer-next.git
cd multitimer-next
  1. Install dependencies:
npm install
# or
yarn install
  1. Run the development server:
npm run dev
# or
yarn dev
  1. Open http://localhost:3000 with your browser to see the result.

Project Structure

multitimer-next/
├── app/
│   ├── components/     # Reusable UI components
│   ├── contexts/      # React Context providers
│   ├── hooks/         # Custom React hooks
│   ├── types/         # TypeScript type definitions
│   └── page.tsx       # Main application page
├── public/            # Static assets
└── styles/           # Global styles

About

View Live ⬇️

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published