Trading Chess is an innovative chess variant that seamlessly combines real-time stock data with traditional chess gameplay. In this unique twist on the classic game, each chess piece is associated with a specific stock, and its capturing abilities are determined by the stock's current value. This project's primary goal is to provide users with an engaging and familiar platform to learn about finance and investment strategies.
- Real-time Stock Integration: Every chess piece is connected to a real stock, and their gameplay impact fluctuates dynamically with the stock's value.
- Stock Value Dependency: A chess piece can only capture another piece if its associated stock's value is higher.
- Responsive Design: The user interface gracefully adapts to various screen sizes, ensuring a consistent gaming experience across all devices.
- Custom Styled Components: The UI is crafted using styled-components, offering a modern and sleek appearance.
- Tutorial Mode: A comprehensive guide is available to teach users how to play, combining chess strategies with financial insights.
- Multi-platform Support: Supports local, bot, and online gameplay modes.
-
Clone the repository:
git clone https://github.com/euangoodbrand/ICHack_Chess.git -
Navigate to the project directory:
cd trading-chess -
Install the dependencies:
npm install -
Run Application
npm run dev
To start playing Trading Chess:
- Open your web browser and go to http://localhost:3000 to enjoy playing Trading Chess!
Components:
- Chessboard: The central component where the chess game takes place.
- Controls: UI elements that allow users to interact with the game, including undo/redo moves, toggle fullscreen, and quit the game.
- Players: Displays players' information and status.
- Moves: A log of all the moves made during the game.
- FakeStockChart: A component that simulates stock price charts for the stocks associated with chess pieces.
Technology Stack:
- React: Used for building the user interface.
- Styled-Components: Employed for styling the components.
- React Router: Manages navigation within the application.
- Chess.js: Handles chess game logic and validations.
- Firebase (if applicable): Utilized for real-time data synchronization in online multiplayer mode.
Contributing:
Contributions are welcome! If you have any suggestions to improve this project, 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
Don't forget to give the project a star! Thanks again for your support!
License:
Distributed under the MIT License.