Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mamad-1999/chess-clocks

Chess Clock app create with Next js 13 (Typescript) , tailwind and redux toolkit for state management ⏲️♟️
https://github.com/mamad-1999/chess-clocks

chess chessclock clock nextjs nextjs13 react reactjs redux redux-toolkit tailwind tailwindcss typescript

Last synced: about 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

## 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](https://github.com/mamad-1999/Chess-Clocks/assets/91375726/e956348b-7ebd-4c59-b840-0132f5153ac0)

![Screenshot at 2023-05-15 22-13-24](https://github.com/mamad-1999/Chess-Clocks/assets/91375726/6d13e5c3-c770-4663-913d-90055266bf18)

![Screenshot at 2023-05-15 22-13-43](https://github.com/mamad-1999/Chess-Clocks/assets/91375726/a8bfcbbe-669f-4de3-8dd0-2ac6f0ab3568)