🎮 Tic-Tac-New

A modern Tic Tac Toe game rebuilt with today’s frontend stack: Next.js 15, React 19, and TailwindCSS 4.
Lightweight, fast, and fully responsive — with animations, icons, and UI components designed for clarity and fun.

---

✨ Features

• ✅ Modern Tech Stack – Built on Next.js 15 with Turbopack enabled.
• ✅ React 19 – Latest React API with simplified hooks and rendering.
• ✅ TailwindCSS 4 – Clean, utility-first styling with tw-animate-css.
• ✅ Radix UI – Accessible UI primitives (Label, Slot, Toast).
• ✅ Lucide Icons – Sharp, modern SVG icons.
• ✅ Custom Animations – Smooth gameplay experience.
• ✅ Multiplayer-ready foundation – Extend the logic to sockets easily.
• ✅ TypeScript – Strict typing for reliability.

---

Let's see 😉

Create && Login excited room!

Waiting logic to join player via invite limk!

After join new player via invite link let's play with advanced logic!

After 3 times wins, let's celebration!

---

🛠 Tech Stack

• ⚡ Next.js 15.2.4
• ⚛️ React 19.0.0 + ReactDOM
• 🎨 TailwindCSS 4 + tw-animate-css
• 🧩 Radix UI – Label, Slot, Toast
• 🌟 Lucide-react icons
• 🛡 ESLint + TypeScript

---

🚀 Getting Started

1️⃣ Clone the repo

git clone https://github.com/diorsolutions/tic-tac-toe.git

2️⃣ let's select folder & install dependencies

# after clone
cd tic-tac-new

# install command
npm install

# or
yarn install

# or
pnpm install

3️⃣ Let's run the project

#run command
npm run dev

Project Structure

tic-tac-new/
├── public/           # Static assets
├── src/
│   ├── components/   # Reusable UI parts
│   ├── lib/          # Utilities, helpers
│   ├── app/          # Next.js App Router pages
│   └── types/        # TypeScript types
├── .gitignore
├── package.json
├── tailwind.config.js
└── README.md

🤝 Contributing

Pull requests are welcome. If you plan a significant change, please open an issue to discuss it first.

1. Fork the repo
2. Create a feature branch: git checkout -b feat/amazing-thing
3. Commit with clear messages
4. Push and open a PR

🗺️ Roadmap

• Online multiplayer (WebSockets / Supabase Realtime)
• Spectator mode & clean rematch flow
• Single-player AI (minimax with heuristics)
• PWA (installable + offline support)
• Profiles & persistent leaderboard
• Theming (light/dark/system) & animation polish
• Full a11y pass (keyboard + screen readers)
• i18n (EN / UZ)

🐛 Issues & Feedback

Spotted a bug or have an idea? Open an issue with steps to reproduce or a short proposal. Clear context = faster fixes.

⭐ Support

If this project helps you, please ⭐ the repo. It signals usefulness and guides future work.

📄 License

Apache 2.0 License — see LICENSE for details.

🙌 Acknowledgments

Built with Next.js, React, Tailwind CSS, Radix UI, and Lucide. Inspired by the classic Tic Tac Toe—reimagined as a modern playground for experimenting with the latest frontend tooling.