A mobile-optimized web app for searching Marvel Strike Force character abilities by keyword. Built to help find counters in War and Crucible.
- Fuzzy ability search — Find characters whose abilities mention keywords like "speed down", "prevent", "heal block"
- Concept-aware search — Search broader phrases like "speed bar", "spawn immunity", or "prevent safeguard"
- Character/trait filtering — Filter by character name, team, origin, role, or alignment
- Ability-type filtering — Narrow results to passive, basic, special, or ultimate abilities
- Keyword highlighting — Matching portions of ability text are highlighted in results
- Passive-first results — Passive abilities are prioritized since they're always active
- Expandable ability cards — Focus on matched abilities with option to view all four
- Mobile optimized — Designed for quick lookups on your phone during gameplay
npm install
npm run devCharacter data is fetched from the MSF API and stored as static JSON. A GitHub Action runs daily to keep data fresh.
To fetch data locally:
MSF_API_KEY=your_key MSF_CLIENT_ID=your_client_id MSF_CLIENT_SECRET=your_client_secret npm run fetch-data| Secret | Description |
|---|---|
MSF_API_KEY |
Your API key from the MSF developer portal |
MSF_CLIENT_ID |
OAuth2 client ID for a backend/M2M app |
MSF_CLIENT_SECRET |
OAuth2 client secret for that backend/M2M app |
Deployed automatically to GitHub Pages on push to main via GitHub Actions.
- React + Vite
- Fuse.js for fuzzy search
- GitHub Pages for hosting
- GitHub Actions for CI/CD and data updates