Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/indiecodermm/chess-arena
Chess website to play against a computer, solve puzzles, and view leaderboard. Built with React, Chess.js, Firebase, Chess.com API
https://github.com/indiecodermm/chess-arena
chessjs react-chessboard reactjs
Last synced: 8 days ago
JSON representation
Chess website to play against a computer, solve puzzles, and view leaderboard. Built with React, Chess.js, Firebase, Chess.com API
- Host: GitHub
- URL: https://github.com/indiecodermm/chess-arena
- Owner: IndieCoderMM
- License: mit
- Created: 2023-02-20T15:00:03.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-05T16:58:29.000Z (almost 2 years ago)
- Last Synced: 2025-01-16T00:10:19.555Z (13 days ago)
- Topics: chessjs, react-chessboard, reactjs
- Language: JavaScript
- Homepage: https://chess-arena.onrender.com/
- Size: 1.43 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![last commit](https://custom-icon-badges.demolab.com/github/last-commit/indiecodermm/chess-arena?logo=history&logoColor=white&label=Update&color=%23673ab7)](https://github.com/IndieCoderMM/chess-arena/commits/)
[![Stars](https://custom-icon-badges.demolab.com/github/stars/IndieCoderMM/chess-arena?logo=star&label=Stars)](https://github.com/IndieCoderMM/chess-arena/stargazers)## π Table of Contents
- [β Chess Arena](#-chess-arena)
- [π₯ Key Features](#-key-features)
- [π¨βπ» Built With](#-built-with)
- [π§° Tech Stack](#-tech-stack)
- [β Implementation](#-implementation)
- [π Live Demo](#-live-demo)
- [π― Todos](#-todos)
- [π» Getting Started](#-getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#deployment)
- [π§ Contact](#-contact)
- [π€ Contributing](#-contributing)
- [π Show your support](#-show-your-support)
- [π Useful Resources](#-useful-resources)
- [π License](#-license)# β Chess Arena
**π·ββοΈStill under development**
A chess website that allows users to play chess online with other players, solve puzzles and view leaderboard.
![Screenshot](app_screenshot.png)
## π₯ Key Features
- Play chess with a computer opponent
- Solve daily chess puzzles
- View top players## π¨βπ» Built With
### π§° Tech Stack
- React
- Redux
- Bootstrap
- Firebase### β Implementation
- Chessboard created with *react-chessboard*
- Move validation using *chess.js*
- Access puzzles and leaderboards through Chess.com API
- User authentication provided by *Firebase*## π Live Demo
You can visit the [MVP version of this website here](https://chess-arena.onrender.com).
## π― Todos
- [ ] Match history
- [ ] Puzzle leaderboard
- [ ] Two-player mode
- [ ] Time control
- [ ] Profile data## π» Getting Started
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need [Node.js](https://nodejs.org/en/) installed on your machine.
### Setup
Clone this repository to your desired folder:
```sh
cd my-project
git clone [email protected]:IndieCoderMM/chess-arena.git .
```### Install
Install the dependencies with:
```sh
npm install
```### Usage
To run the project, execute the following command:
```sh
npm start
```### Deployment
You can deploy this project using:
```sh
npm run build
```
This will create a production-ready build of your website in `build/` folder, which you can use to deploy on a static site hosting platform.## π§ Contact
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/IndieCoderMM)
[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/hthantoo)
[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])## π€ Contributing
I welcome any and all contributions to my website! If you have an idea for a new feature or have found a bug, please open an issue or submit a pull request.
Feel free to check the [issues page](../../issues/).
## π Show your support
If you like this project, please consider giving it a β.
## π Useful Resources
-## π License
This project is [MIT](./LICENSE) licensed.