Welcome to Chess Master, it is a comprehensive web application that offers various chess-playing modes, puzzles, and features for chess enthusiasts of all levels.
This repository contains only the frontend code.
For the backend API, visit: Chess Master Backend.
- Global Multiplayer
- Local Multiplayer
- Play against Stockfish AI (multiple difficulty levels)
- Daily Puzzles
- Random Play Mode
- Secure authentication (Signup/Login)
- Profile management
- Game history tracking
- Puzzle-solving statistics
- Real-time move validation
- Sound effects for moves, captures, checks, and checkmates
- Responsive design (desktop & mobile)
- Animated transitions
- Puzzle video solutions
- Frontend: React.js + Vite
- State Management: Redux Toolkit
- Chess Logic: chess.js
- Board Rendering: chessboard.js
- Styling: Tailwind CSS
- Animations: Framer Motion
- Audio: Howler.js
- API Client: Axios
- Backend: [Mention your backend service if applicable]
- Clone the repository
git clone https://github.com/yourusername/chess-master.git cd chess-master - Install Dependencies
npm install
- Configure environment
REACT_APP_BASE_URL=your_api_base_url
- Start development server
npm run dev
- Open http://localhost:3000 in your browser
- Register or Login: Access all features by creating an account or signing in.
- Select Your Preferred Game Mode:
- 🤖 Challenge AI opponents
- 👥 Play locally with a friend
- 🌍 Compete in global multiplayer
- Daily Puzzles: Solve puzzles and watch video solutions.
- Player Profile: Track your progress and game history.
- Settings: Toggle sound effects and customize your experience.
Contributions are welcome! Please follow these steps:
- Fork the project.
- Create your feature branch:
git checkout -b feature/AmazingFeature
- Commit your changes:
git commit -m 'Add some AmazingFeature' - Push to the branch:
git push origin feature/AmazingFeature
- Open a Pull Request.
Distributed under the MIT License. See LICENSE for details.