Skip to content

PriyanshuPz/row3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

18 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Row3 - Interactive Tic-Tac-Toe Game

React TypeScript Vite Tailwind CSS

Row3 is a modern, interactive Tic-Tac-Toe game built with React, TypeScript, and Vite. The game features a sleek UI, sound effects, and supports both offline gameplay and multiplayer (coming soon).

โœจ Features

  • Beautiful UI - Clean, responsive interface with smooth animations
  • Offline Play - Play against another player on the same device
  • Sound Effects - Immersive audio feedback for game actions
  • State Management - Persistent game state using Zustand
  • Multiplayer Mode - Online play coming soon!

๐Ÿ› ๏ธ Tech Stack

  • React - UI library
  • TypeScript - Type-safe JavaScript
  • Vite - Fast, modern build tool
  • Tailwind CSS - Utility-first CSS framework
  • Zustand - Lightweight state management
  • Framer Motion - Animation library
  • Rough.js - Hand-drawn, sketchy graphics

๐Ÿ“ฆ Installation

# Clone the repository
git clone https://github.com/PriyanshuPz/row3.git

# Navigate to the project directory
cd row3

# Install dependencies
bun install

๐Ÿš€ Running the Project

# Start the development server
bun run dev

The game will be available at http://localhost:3000.

๐Ÿ—๏ธ Building for Production

# Build the project
bun run build

# Preview the production build
bun run preview

๐ŸŽฒ Game Modes

Offline Mode

  • Play against a friend on the same device
  • Take turns placing X's and O's on the board
  • First to get three in a row wins!

Multiplayer Mode (Coming Soon)

  • Create rooms to play with friends online
  • Join existing rooms with a join code
  • Real-time gameplay experience

๐Ÿ”Š Sound Control

The game includes sound effects for:

  • Placing a marker on the board
  • Winning a game
  • Drawing a game
  • Button clicks

Sound can be toggled on and off using the sound control button in the top corner.

๐Ÿ“ฑ Responsive Design

Row3 is designed to work on various screen sizes, from mobile devices to desktops, providing a consistent gaming experience regardless of the device you're using.

๐Ÿค Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

About

๐ŸŽฎ Row3 is a modern, interactive Tic-Tac-Toe game built with React, TypeScript, and Vite.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published