Skip to content

mr-r0ot/Chess-game-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

♟️ Advanced Interactive Chess Project

Designed & Developed by: Mohammad Taha Gorji
HTML5 CSS3 JavaScript

Chess Demo

🚀 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:
git clone https://github.com/mtahagorji/chess-project.git  
  1. Navigate to project:
cd chess-project  
  1. Open in browser:
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:

:root {  
  --neon-purple: #9d00ff; /* Theme Color */  
  --glass-opacity: 0.25; /* Panel Transparency */  
  --glow-intensity: 25px; /* Glow Strength */  
}  

📸 Preview

Day Mode Night Mode
Day Night

📜 License

Released under MIT License


✨ Crafted with ❤️ by Mohammad Taha Gorji
GitHub

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors