https://github.com/chandan9898kumar/grid-crash
Grid Clash ( Tic-Tae-Toe ) is a timeless two-player strategy game where players take turns marking their symbols in a 3x3 grid. The objective is to be the first to align three of your symbols in a row—horizontally, vertically, or diagonally.
https://github.com/chandan9898kumar/grid-crash
css3 html5 javascript reactjs redux-toolkit service-worker webpack
Last synced: 3 months ago
JSON representation
Grid Clash ( Tic-Tae-Toe ) is a timeless two-player strategy game where players take turns marking their symbols in a 3x3 grid. The objective is to be the first to align three of your symbols in a row—horizontally, vertically, or diagonally.
- Host: GitHub
- URL: https://github.com/chandan9898kumar/grid-crash
- Owner: Chandan9898Kumar
- Created: 2025-01-08T08:31:20.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-25T16:18:28.000Z (over 1 year ago)
- Last Synced: 2025-03-01T13:24:01.410Z (over 1 year ago)
- Topics: css3, html5, javascript, reactjs, redux-toolkit, service-worker, webpack
- Language: JavaScript
- Homepage: https://grid-crash.netlify.app/
- Size: 811 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GridCrash - Tic-Tac-Toe Game
## Description
GridCrash is a simple and engaging Tic-Tac-Toe game built with React. The game allows players to compete against each other or against the computer. The project demonstrates the use of modern React features such as hooks, context, and lazy loading, along with a service worker for offline capabilities.
## Features
- Play against another player or the computer
- Responsive design for various screen sizes
- Smooth animations using Framer Motion
- Offline capabilities with a service worker
- State management using Redux Toolkit
- Code splitting and lazy loading for improved performance
## Installation
To get started with the project, follow these steps:
1. Clone the repository:
```sh
git clone https://github.com/your-username/gridcrash.git
cd gridcrash
```
2. Install the dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm start
```
4. Open your browser and navigate to http://localhost:3000 to see the application in action.
## Project Structure
```
gridcrash/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── components/
│ │ ├── MainMenu.js
│ │ ├── Game.js
│ │ └── ...
│ ├── context/
│ │ └── ThemeManager.js
│ ├── App.js
│ ├── App.css
│ ├── App.test.js
│ ├── index.js
│ ├── serviceWorker.js
│ └── ...
├── .babelrc
├── .env
├── .eslintrc.js
├── .gitignore
├── package.json
├── README.md
└── webpack.config.js
```
`Scripts`
**_npm start_**: Starts the development server.
**_npm build_**: Builds the project for production.
**_npm test_**: Runs the test suite.
**_npm eject_**: Ejects the Create React App configuration.
`Technologies Used`
1. React
2. Redux Toolkit
3. React Router
4. Framer Motion
5. Jest and React Testing Library
6. Webpack
7. Babel