GithubHelp home page GithubHelp logo

gitlep1 / world-wide-chess Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 5.78 MB

Play chess worldwide

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

JavaScript 82.86% HTML 0.45% SCSS 16.69%
chess chessjs javascript nodejs react react-chessboard reactjs scss

world-wide-chess's Introduction

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

world-wide-chess's People

Contributors

gitlep1 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.