A modern web application featuring classic board games, built with Next.js, TypeScript, and Tailwind CSS. Play timeless games like Nine Men's Morris and Gomoku (Five in a Row) in a beautiful, responsive interface.
Live site here: https://enbattle.github.io/board-games/
- Nine Men's Morris: A strategic board game where players try to form mills (three pieces in a row) while preventing their opponent from doing the same.
- Gomoku (Five in a Row): A classic game where players take turns placing stones on a grid, trying to be the first to get five in a row.
- 🎯 Multiple classic board games
- 🌓 Dark/Light theme support
- 📱 Responsive design for all devices
- 🎨 Modern UI with shadcn/ui components
- ⚡ Fast performance with Next.js and Turbopack
- 📖 Game rules and instructions
- 🎮 Interactive game modes
- Framework: Next.js 15.2.0
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components:
- Radix UI
- shadcn/ui
- Theme: next-themes
- Development: Turbopack
-
Clone the repository
git clone [repository-url] cd board-games -
Install dependencies
npm install # or yarn install # or pnpm install
-
Start the development server
npm run dev # or yarn dev # or pnpm dev
-
Open http://localhost:3000 in your browser
npm run dev- Start the development server with Turbopacknpm run build- Build the production applicationnpm run start- Start the production servernpm run lint- Run ESLint for code lintingnpm run deploy- Build and deploy the application
src/
├── app/ # Next.js app router pages and layouts
├── components/ # React components
│ ├── ui/ # Basic UI components
│ └── games/ # Game-specific components
└── lib/ # Utility functions and shared logic
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.