Skip to content

A productivity-focused countdown timer built with React, Vite, and TypeScript to help users stay on track with their tasks. πŸš€β³

Notifications You must be signed in to change notification settings

benasdeveloper/front-ignite-timer

Repository files navigation

Ignite Timer ⏳

A productivity-focused timer application built with React, Vite, and TypeScript, designed to help users stay on track with their tasks.

Screenshot do Ignite Timer

πŸš€ Features

  • πŸ”₯ Fast and modern UI powered by Vite and React
  • 🎯 Task-based countdown timer
  • 🎨 Styled with Styled-Components
  • ⏳ State management with Immer
  • πŸ“† Date management with date-fns
  • πŸ” Form handling with React Hook Form and Zod validation
  • 🌍 Navigation with React Router DOM

πŸ“¦ Tech Stack

  • React 18
  • TypeScript
  • Vite
  • Styled-Components
  • Immer
  • React Hook Form + Zod
  • React Router DOM
  • Phosphor React Icons
  • ESLint for code linting

πŸ“œ Installation & Setup

  1. Clone the repository:

    git clone https://github.com/YOUR_USERNAME/ignite-timer.git
    cd ignite-timer
  2. Install dependencies

    npm install
  3. Start the development server:

    npm run dev
  4. Start the development server:

    npm run build
  5. Preview the production build:

    npm run preview

βœ… Linting

Ensure code consistency by running:

npm run lint

🀝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

πŸ“„ License

This project is licensed under the MIT License.

Made with ❀️ by Bene-Hur Pessoa

About

A productivity-focused countdown timer built with React, Vite, and TypeScript to help users stay on track with their tasks. πŸš€β³

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published