{"id":28859478,"url":"https://github.com/techmurtaza/infinitoe","last_synced_at":"2026-04-11T19:32:11.714Z","repository":{"id":299703538,"uuid":"1003913190","full_name":"techmurtaza/infinitoe","owner":"techmurtaza","description":"🔥 The tic-tac-toe that never ends. No draws, just pure dopamine hits. Built with React + TypeScript + Framer Motion for buttery smooth animations that hit different. 3-move rolling window = infinite gameplay. FR this will get you addicted. 💯","archived":false,"fork":false,"pushed_at":"2025-06-17T21:23:18.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-17T22:29:37.171Z","etag":null,"topics":["addictive","endless","framer-motion","game","infinite","never-ending","react","react-game","smooth-animations","tailwindcss","tic-tac-toe","typescript","typescript-game","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/techmurtaza.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-17T20:38:11.000Z","updated_at":"2025-06-17T21:23:22.000Z","dependencies_parsed_at":"2025-06-17T22:40:55.486Z","dependency_job_id":null,"html_url":"https://github.com/techmurtaza/infinitoe","commit_stats":null,"previous_names":["techmurtaza/infinitoe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/techmurtaza/infinitoe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmurtaza%2Finfinitoe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmurtaza%2Finfinitoe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmurtaza%2Finfinitoe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmurtaza%2Finfinitoe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techmurtaza","download_url":"https://codeload.github.com/techmurtaza/infinitoe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techmurtaza%2Finfinitoe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31693272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T13:07:20.380Z","status":"ssl_error","status_checked_at":"2026-04-11T13:06:47.903Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addictive","endless","framer-motion","game","infinite","never-ending","react","react-game","smooth-animations","tailwindcss","tic-tac-toe","typescript","typescript-game","vite"],"created_at":"2025-06-20T04:00:57.834Z","updated_at":"2026-04-11T19:32:11.664Z","avatar_url":"https://github.com/techmurtaza.png","language":"TypeScript","readme":"# 🔥 Infinitoe: A Cinematic Tic-Tac-Toe Experience\n\nThis isn't just a game; it's a vibe. A relentless, cyberpunk-inspired battle of wits set in a world of neon glows, particle explosions, and immersive sound. Forget everything you know about tic-tac-toe. This is a high-octane, visually stunning duel where draws are impossible and every move feels epic.\n\n## 📜 Table of Contents\n\n- [A New Philosophy: The Experience is Everything](#-a-new-philosophy-the-experience-is-everything)\n- [Core Gameplay Mechanics](#-core-gameplay-mechanics)\n- [The Cinematic Transformation](#-the-cinematic-transformation)\n  - [Visuals: A Cyberpunk Dreamscape](#-visuals-a-cyberpunk-dreamscape)\n  - [Sound: Immersive Audio Feedback](#-sound-immersive-audio-feedback)\n  - [Animations: Dynamic \u0026 Satisfying](#-animations-dynamic--satisfying)\n- [Technical Architecture](#-technical-architecture)\n- [Developer Experience (DX) First](#-developer-experience-dx-first)\n- [Getting Started](#-getting-started)\n- [How to Contribute](#-how-to-contribute)\n\n## 🔮 A New Philosophy: The Experience is Everything\n\nWe started with a simple goal: to create a tic-tac-toe game that never ends in a draw. We achieved that with a simple, elegant rule—the 3-move rolling window.\n\nBut a great mechanic is nothing without a great experience. This project's new philosophy is that **presentation matters**. We've transformed a simple logic game into a polished, experience-driven product that's as much fun to watch and hear as it is to play.\n\n## ✨ Core Gameplay Mechanics\n\n- **Draws Are Impossible:** The game logic fundamentally prevents ties.\n- **Max 3 Moves Per Player:** The board has limited space, forcing strategic trade-offs.\n- **FIFO Moves:** On your 4th move, your 1st move is automatically removed. This \"First-In, First-Out\" system creates a constantly evolving battlefield.\n- **Three AI Difficulties:** From a casual opponent to a ruthless, strategic AI.\n\n## 🎬 The Cinematic Transformation\n\nThis isn't just a facelift; it's a complete reimagining of the game's sensory experience.\n\n### 🌃 Visuals: A Cyberpunk Dreamscape\n- **Dark, Neon-Infused Theme:** A beautiful, easy-on-the-eyes dark mode with glowing neon accents.\n- **Glass Morphism UI:** A modern, layered interface with blurred, semi-transparent surfaces.\n- **Dynamic Background:** An animated cyberpunk grid and floating, glowing orbs create a sense of depth and atmosphere.\n- **High-Performance Particle System:** Explosions for wins and piece removals are rendered on a `\u003ccanvas\u003e` for buttery-smooth performance.\n\n### 🔊 Sound: Immersive Audio Feedback\n- **Robust Sound Engine:** A custom `useSoundSystem` hook manages all in-game audio.\n- **Context-Aware Effects:** Unique sounds for clicks, piece placements, removals, wins, and losses.\n- **Synthetic Fallback:** If audio files fail to load, the system **automatically generates synthetic sounds** using the Web Audio API, ensuring the game never feels broken.\n\n### 🎞️ Animations: Dynamic \u0026 Satisfying\n- **Anime.js \u0026 Framer Motion:** A powerful combination for fluid, physics-based animations.\n- **Screen Shake:** Epic wins are punctuated with a satisfying screen shake effect.\n- **Interactive UI:** Every button and cell responds to user interaction with subtle, delightful animations.\n\n## 🛠️ Technical Architecture\n\nThe project is built on a modern, professional-grade stack designed for performance, scalability, and an excellent developer experience.\n\n- **Engine:** Pure, dependency-free TypeScript for the core game logic.\n- **UI:** React, Vite, and Tailwind CSS.\n- **Animation:** Framer Motion for React-based animations and Anime.js for targeted, high-performance DOM manipulation.\n- **Audio:** Howler.js with a custom hook for a robust, fallback-first audio system.\n- **Particles:** A custom, performant `\u003ccanvas\u003e`-based particle engine.\n\n### Directory Structure\n```\nsrc/\n├── components/\n│   ├── Infinitoe.tsx      # Main cinematic game component\n│   └── ParticleSystem.tsx # High-performance canvas particle engine\n├── engine/                # Core game logic (TypeScript)\n├── hooks/\n│   └── useSoundSystem.ts  # Centralized audio management\n├── public/\n│   └── sounds/            # Location for game audio assets\n└── index.css              # Cyberpunk theme foundation \u0026 CSS variables\n```\n\n## 👨‍💻 Developer Experience (DX) First\n\nA great product is built with great tools. We've invested heavily in the DX to make this codebase a joy to work in.\n\n- **TypeScript:** Strict type safety across the entire codebase.\n- **ESLint:** Enforces code quality and best practices.\n- **Prettier:** Provides automatic, consistent code formatting.\n- **Automated Scripts:** `lint`, `format`, `build`, and `dev` scripts are pre-configured for a seamless workflow.\n\n## 🏁 Getting Started\n\n```bash\n# 1. Install dependencies\nnpm install\n\n# 2. Start the development server\nnpm run dev\n\n# 3. Open http://localhost:5173 (or the port shown in your terminal)\n```\n\n### Useful Scripts\n- `npm run lint`: Check for code quality issues.\n- `npm run format`: Automatically format all code.\n- `npm run build`: Create a production-ready build.\n\n## 🤝 How to Contribute\n\nIdeas and contributions are welcome!\n\n1.  **Fork the repo.**\n2.  **Create a new branch:** `git checkout -b feature/your-amazing-idea`\n3.  **Make your changes.**\n4.  **Commit your changes:** `git commit -m 'feat: Add some amazing feature'`\n5.  **Push to the branch:** `git push origin feature/your-amazing-idea`\n6.  **Open a new Pull Request.**\n\n---\n\n_Built with 💜 for the dopamine generation._\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechmurtaza%2Finfinitoe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechmurtaza%2Finfinitoe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechmurtaza%2Finfinitoe/lists"}