https://github.com/mr-r0ot/chess-game-web

HTML CSS and JavaScript Full Chess game . Very beatiful & Cool
https://github.com/mr-r0ot/chess-game-web

chess chess-ai chess-bot chess-game chess-webaplication chessboard html-css-javascript

Last synced: 3 months ago
JSON representation

HTML CSS and JavaScript Full Chess game . Very beatiful & Cool

• Host: GitHub
• URL: https://github.com/mr-r0ot/chess-game-web
• Owner: mr-r0ot
• License: mit
• Created: 2025-05-18T16:01:52.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-05-18T16:22:11.000Z (5 months ago)
• Last Synced: 2025-06-20T00:38:52.826Z (4 months ago)
• Topics: chess, chess-ai, chess-bot, chess-game, chess-webaplication, chessboard, html-css-javascript
• Language: JavaScript
• Homepage:
• Size: 1.71 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

# ♟️ Advanced Interactive Chess Project  

**Designed & Developed by:** Mohammad Taha Gorji  

![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black)

![Chess Demo](https://raw.githubusercontent.com/mtahagorji/chess-project/main/demo.gif)

## 🚀 Project Overview  

A modern chess interface with cutting-edge design and immersive user experience! Built with pure HTML/CSS/JS, featuring sophisticated animations and visual effects.

## ✨ Test Online

Link : https://mr-r0ot.github.io/Chess-game-web/

## ✨ Key Features  

- 🎨 **Dark Modern Theme** with Graphic Purple Accents  

- ✨ **Glassmorphism** Effects & Dynamic Lighting  

- ♟ Smooth CSS **Piece Movement Animations**  

- 📌 Intelligent Move Highlight System  

- 🌈 Interactive Panels with Live Shadows  

- 📱 Full **Mobile Responsiveness**  

- ⚡ High Performance Optimization  

## 🛠 Technologies Used  

| Technology | Purpose |  

|------------|---------|  

| **HTML5** | Core Project Structure |  

| **CSS3** | Advanced Styling (Flex/Grid) - CSS Variables - Animations |  

| **JavaScript** | Game Logic & Dynamic Interactions |  

## 🚀 Installation  

1. Clone repository:  

```bash  

git clone https://github.com/mtahagorji/chess-project.git  

```  

2. Navigate to project:  

```bash  

cd chess-project  

```  

3. Open in browser:  

```bash  

open index.html  # Mac/Linux  

start index.html # Windows  

```  

## 🎮 Interactive Features  

- 🔍 Smart Board Zoom  

- 📊 Captured Pieces Tracker  

- ⏳ Integrated Game Timer  

- 🔊 Piece Movement Sound Effects  

- 🌓 Auto Theme Switching (Light/Dark)  

## 🎨 Customization  

Modify CSS variables in `styles.css`:  

```css  

:root {  

  --neon-purple: #9d00ff; /* Theme Color */  

  --glass-opacity: 0.25; /* Panel Transparency */  

  --glow-intensity: 25px; /* Glow Strength */  

}  

```  

## 📸 Preview  

| Day Mode | Night Mode |  

|----------|------------|  

| ![Day](day.png) | ![Night](night.png) |  

## 📜 License  

Released under **[MIT License](LICENSE)**  

---  

✨ Crafted with ❤️ by **Mohammad Taha Gorji**  

[![GitHub](https://img.shields.io/badge/GitHub-mtahagorji-black?logo=github)](https:///mr-r0ot.github.io)