Skip to content

Chess Clock app create with Next js 13 (Typescript) , tailwind and redux toolkit for state management ⏲️♟️

Notifications You must be signed in to change notification settings

mamad-1999/Chess-Clocks

Repository files navigation

Chess Clock

icon icon icon icon icon

ChessClock is a simple application that allows two players to play a game of chess with a timer. It keeps track of the time each player has left and will alert the players when time is running out. This application is perfect for competitive chess players who want to practice their skills and stay sharp.

js

This is a chess clock project built with Next.js 13, Redux Toolkit for state management, Tailwind CSS for UI styling, and TypeScript for type checking. It serves as a digital clock for timing chess matches and provides a user-friendly interface for players.

Features

  • Start and pause functionality for tracking time in chess matches.
  • Separate timers for each player, displaying the remaining time for their turn.
  • Intuitive user interface with clear indicators for current player and time remaining.
  • Adjustable time settings for customizing the duration of chess matches.
  • Sound notifications to signal the end of a player's turn or the completion of the game.

Installation

  • Clone the repository or download the project files.
  • Install the required dependencies by running npm install or yarn install.
  • Start the development server with npm run dev or yarn dev.
  • Open your web browser and visit http://localhost:3000 to access the chess clock application.

Usage

  • Set the desired time limit for each player using the provided controls.
  • Start the clock to begin the game and track the time for each player's turn.
  • Pause and resume the clock as needed during the game.
  • Finish the game by resetting the clock or adjusting the time settings for a new match.

Screenshot at 2023-05-15 22-12-42

Screenshot at 2023-05-15 22-13-24

Screenshot at 2023-05-15 22-13-43

About

Chess Clock app create with Next js 13 (Typescript) , tailwind and redux toolkit for state management ⏲️♟️

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published