gitlep1 / World-Wide-Chess

Play chess worldwide

Home Page:https://world-wide-chess.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

World Wide Chess

HELPFUL LINKS

  • Trello - Project management tool.
  • ERD - Entity Relationship Diagram for the database.
  • Wireframe - Visual representation of the user interface.

Introduction

Welcome to World Wide Chess, an innovative web application designed to provide a captivating and immersive chess experience for enthusiasts. Whether you're a competitive player seeking challenging opponents or a casual user looking for an engaging pastime, this app caters to your needs with a wide array of features and functionalities.


Key Features

Robust Gameplay Options

Engage in thrilling chess matches against highly intelligent bots or real players in multiplayer mode. Challenge yourself with different difficulty levels or showcase your skills in head-to-head battles against opponents from around the world.

In-Game Shop

Utilize your accumulated chess coins wisely at the exclusive in-game shop. Unlock premium chess sets, elegant board designs, and additional customization options to enhance your gaming experience and showcase your unique style.

Global Leaderboard

Climb the ranks and compare your performance against a diverse community of chess enthusiasts from various corners of the globe. The comprehensive leaderboard system tracks your progress, providing valuable insights into your skills and allowing you to strive for mastery.

Lobby-Based Room System

Seamlessly navigate through the well-structured lobby system to find opponents that match your skill level and playing preferences. Discover a variety of available rooms, each offering distinct game modes and formats, ensuring an engaging experience for players of all levels.

Private and Secure Rooms

Enjoy the privilege of creating private, password-protected rooms to exclusively invite your friends. This feature ensures a private gaming environment where you can socialize and compete with your inner circle while relishing the excitement of World Wide Chess.

Global Chat

Engage in lively conversations with a diverse and vibrant community of chess enthusiasts from across the globe. The intuitive global chat feature allows you to exchange strategies, share insights, and connect with like-minded individuals who share your passion for the game. Expand your network, forge new friendships, and explore the rich tapestry of chess culture.

In-Game Chat

Communicate seamlessly with your opponents during intense chess matches through the integrated in-game chat system. Strategize, exchange friendly banter, or offer words of appreciation for a well-executed move. The in-game chat feature enhances the competitive experience, fostering a sense of camaraderie and sportsmanship among players.

Spectate Feature

Immerse yourself in the captivating world of chess by spectating ongoing matches between other players. Gain valuable knowledge, observe different playstyles, and learn from seasoned competitors. The spectate feature allows you to watch live games in real-time, providing a unique opportunity for entertainment, education, and inspiration.

Join World Wide Chess today and embark on an unforgettable chess journey. Immerse yourself in an elegant and intuitive interface, hone your strategic skills, and connect with fellow chess enthusiasts from every corner of the globe. Experience the thrill of World Wide Chess, where the pursuit of victory knows no bounds.

TECHNOLOGIES USED

front end

  • HTML
  • SASS
  • axios
  • nanoid
  • moment
  • ReactJS
  • chess.js
  • react-spring
  • react-toastify
  • react-bootstrap
  • moment-timezone
  • socket.io-client
  • react-router-dom
  • react-chessboard
  • react-burger-menu

back end

  • pg
  • cors
  • node
  • psql
  • dotenv
  • nodemon
  • express
  • chess.js
  • socket.io
  • pg-promise

INSTALLATION INSTRUCTIONS

  1. Fork this repository.
  2. Copy the code by selecting it and copying it to the clipboard.
  3. Open your terminal and create a new directory.
  4. Type git clone followed by the URL you copied to clone the repository.
  5. Change directory to the WorldWideChess directory.
  6. Open a new terminal in the same directory.
  7. Terminal 1 (front end):
  • Change directory to "front-end" using "cd front-end".
  • Run "npm start".
  1. Terminal 2 (back end):
  • Run "npm start".
  1. Congratulations! You have successfully started World Wide Chess!

DEPLOYED LINK

About

Play chess worldwide

https://world-wide-chess.netlify.app


Languages

Language:JavaScript 83.1%Language:SCSS 16.5%Language:HTML 0.4%