{"id":27714730,"url":"https://github.com/devilfruitdev/tic-tac-toe","last_synced_at":"2026-04-19T01:01:47.586Z","repository":{"id":289411973,"uuid":"971160046","full_name":"DevilFruitDev/Tic-tac-toe","owner":"DevilFruitDev","description":"A hands-on showcase of vanilla web development featuring classic games reimagined with unique twists.","archived":false,"fork":false,"pushed_at":"2025-08-13T21:41:18.000Z","size":17,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-13T23:29:31.072Z","etag":null,"topics":["css3","html","javascript"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DevilFruitDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-04-23T05:30:53.000Z","updated_at":"2025-08-13T21:41:21.000Z","dependencies_parsed_at":"2025-04-23T11:16:05.306Z","dependency_job_id":null,"html_url":"https://github.com/DevilFruitDev/Tic-tac-toe","commit_stats":null,"previous_names":["devilfruitdev/tic-tac-toe"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/DevilFruitDev/Tic-tac-toe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevilFruitDev%2FTic-tac-toe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevilFruitDev%2FTic-tac-toe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevilFruitDev%2FTic-tac-toe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevilFruitDev%2FTic-tac-toe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DevilFruitDev","download_url":"https://codeload.github.com/DevilFruitDev/Tic-tac-toe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevilFruitDev%2FTic-tac-toe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281969170,"owners_count":26591718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-31T02:00:07.401Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["css3","html","javascript"],"created_at":"2025-04-27T00:53:48.270Z","updated_at":"2025-10-31T09:46:49.963Z","avatar_url":"https://github.com/DevilFruitDev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎯 Limited Marks Tic Tac Toe\n\nA strategic twist on classic Tic Tac Toe where players can only have 3 marks on the board at once. When placing a 4th mark, your oldest mark disappears - turning a solved game into an evolving puzzle.\n\n[![Play Now](https://img.shields.io/badge/Play-Live_Demo-brightgreen)](https://yourusername.github.io/limited-tictactoe/)\n![Vanilla JS](https://img.shields.io/badge/Vanilla_JS-No_Dependencies-yellow)\n![Size](https://img.shields.io/badge/Size-\u003c20KB-green)\n![License](https://img.shields.io/badge/License-MIT-blue)\n\n## The Twist 🔄\n\nTraditional Tic Tac Toe is a solved game - perfect play always leads to a draw. **This version breaks that.**\n\n- **3 Mark Limit** - Each player can only have 3 marks on the board\n- **Auto-Removal** - Your 4th move removes your oldest mark\n- **Visual Indicators** - Orange dots show which marks will disappear next\n- **Dynamic Strategy** - Winning positions can suddenly become vulnerable\n\n## Features ✨\n\n### Gameplay\n- **Limited Marks System** - Core mechanic that changes everything\n- **Smooth Animations** - Fade effects when marks disappear\n- **Win Detection** - Instant highlighting of winning combinations\n- **Visual Feedback** - Clear indicators for current player and oldest marks\n\n### Statistics Tracking\n- **Win Rates** - Live progress bars for each player\n- **Game History** - Last 10 games with timestamps\n- **Session Stats** - Total games, wins, draws\n- **Clear Function** - Reset stats without losing current game\n\n### UI/UX\n- **Clean Design** - Minimalist interface that stays out of the way\n- **Responsive Layout** - Works on all screen sizes\n- **Collapsible Stats** - Click to show/hide statistics panel\n- **Color Coding** - Pink for X, Blue for O, Orange for warnings\n\n## Quick Start 🚀\n\n### Play Online\nSimply open `index.html` in any modern browser. No installation, no dependencies.\n\n### Deploy Your Own\n```bash\n# Clone the repo\ngit clone https://github.com/yourusername/limited-tictactoe.git\n\n# Open in browser\nopen index.html\n\n# Or serve locally\npython3 -m http.server 8000\n```\n\n### GitHub Pages\n1. Push to GitHub\n2. Settings → Pages → Deploy from main\n3. Share your game link!\n\n## How It Works 🧠\n\n### Core Algorithm\n```javascript\n// Track each player's moves in order\nlet xMoves = []; // [oldest, ..., newest]\nlet oMoves = [];\n\n// When a player makes their 4th move\nif (xMoves.length \u003e 3) {\n    const oldestMove = xMoves.shift(); // Remove oldest\n    clearCell(oldestMove);             // Clear from board\n}\n```\n\n### The Strategy Layer\nUnlike classic Tic Tac Toe, this version requires:\n- **Defensive Planning** - Your winning move might disappear\n- **Offensive Timing** - Strike when opponent's key piece is about to vanish\n- **Board Reading** - Track both current positions AND move order\n- **Adaptation** - Strategies must evolve as marks cycle\n\n## Technical Details 📊\n\n### Architecture\n- **Single File** - Everything in one HTML file\n- **Pure CSS Animations** - No animation libraries\n- **Vanilla JavaScript** - No frameworks needed\n- **Local State** - No backend required\n\n### Performance\n- **Size**: \u003c 20KB total\n- **Load Time**: Instant\n- **Dependencies**: Zero\n- **Browser Support**: All modern browsers\n\n### Code Structure\n```\nindex.html\n├── Styles (Internal CSS)\n│   ├── Layout \u0026 Typography\n│   ├── Game Board Styling\n│   ├── Animation Keyframes\n│   └── Statistics Panel\n└── Script (Vanilla JS)\n    ├── Game State Management\n    ├── Move Validation\n    ├── Win Detection\n    ├── Statistics Tracking\n    └── UI Updates\n```\n\n## Why This Exists 🤔\n\nClassic Tic Tac Toe has a fundamental flaw: it's solved. Perfect play always results in a draw. This variant introduces **managed chaos** - your perfect strategy can crumble when that crucial center square you placed three moves ago suddenly vanishes.\n\nThe result? A game that's:\n- **Always Winnable** - No guaranteed draws\n- **Never Repetitive** - Board states constantly evolve\n- **Strategically Deep** - Multiple layers of planning required\n- **Actually Fun** - Even for adults who've outgrown classic version\n\n## Contributing 🤝\n\nThis is a complete game, but improvements are welcome:\n\n### Potential Enhancements\n- [ ] AI opponent with difficulty levels\n- [ ] Online multiplayer\n- [ ] Tournament mode\n- [ ] Custom board sizes (4x4, 5x5)\n- [ ] Time limits per move\n- [ ] Sound effects\n- [ ] Dark mode\n\n### Code Style\n- Keep it vanilla (no frameworks)\n- Maintain single-file simplicity\n- Comment complex logic\n- Test on mobile devices\n\n## Credits \u0026 License\n\nBuilt with vanilla JS to prove simple games don't need complex tools.\n\nMIT © [DevilFruitDev]\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003eWhen three marks aren't enough, but four is too many\u003c/strong\u003e\n  \u003cbr\u003e\n  \u003cem\u003eSometimes the best games come from simple rule changes\u003c/em\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevilfruitdev%2Ftic-tac-toe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevilfruitdev%2Ftic-tac-toe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevilfruitdev%2Ftic-tac-toe/lists"}