Reversi Game

A modern implementation of the classic Reversi (Othello) board game built with Next.js and Yamada UI.

Live Demo

Try the game at: https://nextjs-reversi.vercel.app/

Features

• 🎮 Classic Reversi gameplay
• 🎨 Dark/Light theme support
• 👀 Move preview system
• 📱 Responsive design
• ✨ Piece flip animations
• 📊 Real-time score tracking

Tech Stack

• Next.js 14 - React framework
• Yamada UI - Component library
• TailwindCSS - CSS framework
• TypeScript - Type safety
• React Icons - Icon library

Getting Started

1. Clone the repository:

git clone https://github.com/taroj1205/nextjs-reversi.git
cd nextjs-reversi

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 with your browser to play the game.

Game Rules

1. Black plays first
2. Players take turns placing pieces on the board
3. To place a piece, you must flip at least one opponent's piece
4. A piece can be flipped when it's surrounded by opponent's pieces
5. Game ends when no valid moves remain
6. Player with the most pieces wins

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

Author

• @taroj1205

Acknowledgments

• Yamada UI team for the fantastic component library
• Next.js team for the amazing framework
• The open source community

Deployment

The game is deployed on Vercel with continuous deployment from the main branch.