XandO is an engaging multiplayer Tic Tac Toe game that brings a classic to the digital realm. This interactive platform provides players with a virtual arena to compete in the timeless battle of X's and O's. With a user-friendly interface and seamless gameplay, XandO offers an entertaining experience for players of all ages. Whether you're looking to relive the nostalgia of this beloved game or introduce a new generation to its strategic charm, XandO is the ultimate destination for strategic duels and friendly matches. Get ready to outwit your opponents and claim victory in this modern twist on a traditional favorite.
Click here to view the UI wireframe (figma Design)Click Here to Join DJX Community Discord (Join the team to get peer-to-peer communication during development.)
- Quick Play
- Play against a random opponent
- Play with a Friend
- Play against a friend by sharing a unique game code
- Play Offline
- Play against a computer opponent
Will need the below mentioned tools to setup the project.
Use this command to clone this repo to your local machine
git clone https://github.com/djx-community/xando-web.git
env files should be in root path of the project folder.
Development env file as .env.development.
Production env, .env.production as well.
In the project directory, you can run:
npm install or npm i
This will install all the dependencies required for the project to your local machine to run.
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
for building css from tailwind classes
npm run build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
npm test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.\
npm run eject
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
To learn React, check out the React documentation.
Version: 1.0.0 alpha (Development in Progress)
Development Period: 2022-09-18 to till date
Contributors: