https://github.com/basedhound/chess_game_js
Test project to build a chess game with basic game mechanics, including piece movement, captures, and check/checkmate conditions, all implemented without any external libraries or frameworks.
https://github.com/basedhound/chess_game_js
game javascript js
Last synced: about 1 month ago
JSON representation
Test project to build a chess game with basic game mechanics, including piece movement, captures, and check/checkmate conditions, all implemented without any external libraries or frameworks.
- Host: GitHub
- URL: https://github.com/basedhound/chess_game_js
- Owner: basedhound
- Created: 2023-12-06T11:34:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-06T05:08:55.000Z (almost 2 years ago)
- Last Synced: 2025-01-02T23:18:20.526Z (over 1 year ago)
- Topics: game, javascript, js
- Language: JavaScript
- Homepage: https://chess-fv.netlify.app
- Size: 54.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
##
📋 Table of Contents
- ✨ [Introduction](#introduction)
- ⚙️ [Tech Stack](#tech-stack)
- 🚀 [Quick Start](#quick-start)
**[EN]** This project is a test to reproduce the game of chess using only vanilla JavaScript, HTML, and CSS. The goal is to create a fully functional chess game with an intuitive user interface and basic game mechanics, including piece movement, captures, and check/checkmate conditions, all implemented without any external libraries or frameworks.
**[FR]** Ce projet est un test visant à reproduire le jeu d'échecs en utilisant uniquement du JavaScript, HTML et CSS. L'objectif est de créer un jeu d'échecs entièrement fonctionnel avec une interface utilisateur intuitive et des mécanismes de jeu de base, y compris le mouvement des pièces, les captures et les conditions de mise en échec/mat, le tout implémenté sans aucune bibliothèque ou framework externe.
- **HTML** (HyperText Markup Language) is the standard markup language used to create and structure content on the web. It provides the basic building blocks for web pages, defining elements such as headings, paragraphs, images, links, and more. HTML forms the backbone of any web document and is essential for web development.
- **CSS** (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of web pages. It allows developers to apply styles such as colors, fonts, spacing, and positioning to HTML elements. CSS enhances the visual appeal and user experience of a website by enabling the separation of content and design.
- **JavaScript** is a versatile programming language that enables interactive and dynamic functionality on web pages. It allows developers to create features like form validation, animations, and asynchronous content loading. JavaScript is essential for building modern web applications and works seamlessly with HTML and CSS to create a complete user experience.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone {git remote URL}
```
**Running the Project**
Use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
to launch a development local server with live reload feature for static & dynamic pages.