Back
Year
2024
Tech & Technique
Vanilla JavaScript, Gemini AI, HTML5, CSS3, LocalStorage
Description
ShiftTac is a unique twist on classic Tic Tac Toe with Google Gemini 2.0 Flash Lite AI and limited marks per player. This innovative game ensures you never draw again by implementing dynamic mark removal mechanics.
Key Features:
Technical Highlights:
Key Features:
- Dynamic Gameplay: Each player can only have 3 marks on the board at once
- Smart AI Opponent: Google Gemini 2.0 Flash Lite AI that understands unique ShiftTac rules
- Visual Feedback: Pulsing marks show which one will disappear next
- Dual Game Modes: Human vs AI or Human vs Human gameplay
- Score Tracking: Persistent score tracking with reset functionality
- Minimalist Design: Clean black and white interface with smooth animations
Technical Highlights:
- Built with pure Vanilla JavaScript for zero external dependencies
- Integrated Google Gemini 2.0 Flash Lite API for intelligent AI gameplay
- Implemented secure environment variable support via Vercel deployment
- Used localStorage for persistent game state and score management
- Added fallback AI system that works without API key
- Created real-time AI thinking panel showing decision-making process
My Role
Game Developer & AI Integration Specialist
Created this innovative gaming experience from concept to deployment:
Created this innovative gaming experience from concept to deployment:
- Game Logic Design: Developed unique ShiftTac rules and dynamic mark removal system
- AI Integration: Implemented Google Gemini 2.0 Flash Lite for intelligent gameplay
- Frontend Development: Built responsive interface with vanilla HTML, CSS, and JavaScript
- State Management: Created persistent score tracking and game state management
- Deployment: Set up Vercel deployment with secure environment variable handling
- UX Design: Designed minimalist interface with intuitive controls and visual feedback