ThruShield Game

ThruShield Game is a browser based path puzzle built with React, TypeScript, and Vite. Connect the numbered checkpoints in order while filling every cell of the board with one continuous path. 👇

https://thru-shield-game.vercel.app/

Here is the link to our main project (Thrushield Wallet):👇

Thrushield Wallet

How to Play???

1. Start from checkpoint 1.
2. Move horizontally or vertically through adjacent cells.
3. Reach every numbered checkpoint in ascending order.
4. Fill the entire grid without revisiting a cell.
5. Drag backward when you need to undo part of the path.

Features

• Procedurally generated, solvable puzzles
• Multiple grid sizes
• Mouse and touch controls
• Responsive layout for desktop and mobile
• Timer and completion feedback
• Thru wallet and payment integration
• End-to-end tests powered by Playwright

Tech Stack

• React 19
• TypeScript
• Vite
• Canvas API
• Thru SDK
• Playwright

Local Development

Requirements

• Node.js 22 or newer
• npm 10 or newer

Setup

git clone https://github.com/Nassami1/ThruShield-game.git
cd ThruShield-game
npm install
npm run dev

The development server is available at http://localhost:5173 by default.

Available Scripts

npm run dev          # Start the development server
npm run build        # Create a production build
npm run preview      # Preview the production build
npm run lint         # Run ESLint
npm run test         # Run Playwright tests
npm run test:headed  # Run tests in a visible browser

we on Twitter (X):

 https://x.com/hassan_samimi 

 https://x.com/Arashb122

License

This project is available under the MIT License.