This is a chess game application built with Next.js. The application allows users to play chess against each other, featuring a fully interactive chessboard and game logic.
chess
├── public
│ ├── favicon.ico # Favicon for the application
│ └── vercel.svg # Vercel logo for branding
├── src
│ ├── components
│ │ ├── Board.tsx # Renders the chessboard and manages game state
│ │ ├── Piece.tsx # Represents a chess piece and handles rendering and movement
│ │ └── Square.tsx # Represents a square on the chessboard and handles click events
│ ├── pages
│ │ ├── _app.tsx # Custom App component for initializing pages
│ │ ├── _document.tsx # Custom Document component for augmenting HTML and body tags
│ │ └── index.tsx # Main entry point rendering the chessboard
│ ├── styles
│ │ ├── Chess.module.css # CSS styles specific to chess components
│ │ └── globals.css # Global CSS styles for the application
│ ├── utils
│ │ └── chessLogic.ts # Utility functions for chess game logic
│ └── app
│ ├── layout.tsx # Defines the layout for the application
│ └── page.tsx # Main page rendering the layout and content
├── package.json # Configuration file for npm
├── tsconfig.json # Configuration file for TypeScript
└── README.md # Documentation for the project
To get started with the project, clone the repository and install the dependencies:
git clone <repository-url>
cd chess
npm installTo run the application in development mode, use the following command:
npm run devThe application will be available at http://localhost:3000.